This page outlines the visual specifications, including color, typography, layout, and dimensions.
Color
Design variables
Document the design tokens (variables) used by the component.
Purpose: Creates a reference for how the component connects to the broader design system and helps teams understand how to customize the component.
States
Document the different interactive states of the component.
Purpose: Ensures designers and developers understand how the component should visually respond to user interaction.