8.4 Identify components | Design System Guide

Inventory repeated UI.

For each component, record:

Component
Variants
Sizes
States
Behaviors
Responsive behavior
Accessibility behavior
Existing implementations
Usage frequency

Example:

Button
├── variants
│   ├── primary
│   ├── secondary
│   ├── ghost
│   └── destructive
├── sizes
│   ├── sm
│   ├── md
│   └── lg
└── states
    ├── default
    ├── hover
    ├── active
    ├── focus-visible
    ├── disabled
    └── loading