Componentes
15 bloques disponibles. Vista previa + código copyable.
Input + Field + Textarea
default · error · disabled · helper text
Select
Dropdown accesible con búsqueda por teclado.
Checkbox
Estado checked / unchecked / indeterminate / disabled.
Radio Group
Selección excluyente.
Switch
Toggle on/off.
Tabs
Pestañas con panels.
Panel general — preferencias visibles.
Tooltip
Hover y focus, con delay del provider.
Toast
Notificaciones via useToast(). 4 tonos.
Avatar
Imagen con fallback de iniciales. 3 tamaños.
RFACMZX
Dialog
Modal accesible. Backdrop con blur, focus trap, ESC.
Card
Header + Body + Footer. Composable.
Plan Pro
Todo lo que necesitas, sin sorpresas.
$19/mes
Badge
Tonos: neutral · primary · success · warning · danger.
NeutralPrimarySuccessWarningDanger
Table
Hover en filas, scroll horizontal.
| Cliente | Plan | Estado |
|---|---|---|
| Acme Corp | Pro | Activo |
| Initech | Free | Trial |