Skip to Content

Overview

Design tokens are the style values of UI elements such as color, typography, spacing, shadows, etc.


Design tokens

Design tokens

The tokens extend the tailwind default theme, they are shared across design and code:

  • borderStyles
  • borderWidths
  • colors
  • fontSizes
  • fontWeights
  • fontFamily
  • lineHeights
  • rounded
  • shadows
  • sizes
  • space
  • transitions
  • zIndices