Design System
GitHub
FigmaPropósito
Estructurar formularios
Encabezado, separador y nota al pie para formularios consistentes.
Piezas sueltas
Se combinan con Field, Input y Button.
Semántica de títulos
El encabezado admite h1, h2 o h3.
Configuración
El componente real, en vivo.
Form header
Props title, subtitle y as.
FormHeader con title y subtitle.
Form divider
Separador con texto opcional en el centro.
FormDivider con children.
Form footnote
Nota breve al pie del formulario.
Nota
FormFootnote.
Tokens
Los tokens globales que usa el CSS real del componente.
| Token | Valor |
|---|---|
| 24px | |
| 20px | |
| 32px | |
| 600 | |
| #1a1a1a | |
| 4px | |
| 14px | |
| 20px | |
| 500 | |
| #6b6b6b | |
| 12px | |
| 12px | |
| 16px | |
| 1px | |
| #e4e4e4 |