List

A structured list with rich items supporting leading icons, descriptions, and trailing actions.

Import

import { List, ListItem } from "@/components/ui"

Prop	Type	Default	Description
variant	"unordered" \| "ordered" \| "check"	"unordered"	List style affecting leading indicators.
children	ReactNode	—	ListItem components.

Design tokensExtract colors, typography, and spacing from Figma

Component libraryBuild reusable UI primitives with CVA variants

Documentation siteInteractive component playground and usage guides

Theme supportLight and dark modes via CSS custom properties

Install dependenciesRun npm install to set up the project

Configure tokensPoint the extractor at your Figma file

Generate configBuild the Tailwind config from extracted tokens

Start buildingImport components and start composing pages

Accessible by defaultARIA roles and keyboard navigation built in

Fully responsiveComponents adapt gracefully to any screen size

Dark mode readyAutomatic theming via semantic CSS variables

Tree-shakeableImport only the components you need