Custom Components and Intentional Tokens

Introduction

Custom components allow designers to build specialized solutions that utilize Nova's design tokens, ensuring visual and functional consistency across unique scenarios. These components illustrate the practical application of Nova tokens from Figma variables to implementation with Tailwind-compatible classes.

 

Benefits

  • Empowers designers to create highly specific, brand-consistent components.
  • Provides clarity on how to use Nova tokens and design system resources effectively.
  • Demonstrates best practices in designing for flexibility and accessibility.

 

Examples of Custom Components

Use of the Nova design tokens to build a custom alert/feedback component.

Custom components - Example