Componentes · Elementos
Elementos
Las piezas indivisibles de la interfaz, construidas sobre los tokens. Cada una declara su contrato (props, variantes, estados). Combinarlas produce componentes (Capa 3).
Button
variant primary · secondary · tertiary — size sm · md · lg — disabled, block, slots start/end
Chip
tone neutral · accent · success · warning · error — variant soft · outline — dot
Badge
tone accent · neutral · success · warning · error — dot (estado sin número)
Input · Label
Input: size sm · md — estados default · focus · invalid · disabled. Label: for, required, tone.
Link
variant default · accent · muted — external (target + rel seguro)
Divider
orientation horizontal · vertical — tone subtle · default · strong
Posesión
Pases
Progress
tone accent · success · warning · error — size sm · md — value/max
Checkbox · Radio · Switch
Controles de formulario. Estados default/checked/disabled vía input nativo oculto + visual custom.
Frame
corner square · cut — ticks — tone subtle · default · strong