Design SystemText
Text y Heading. Tamaño, tono y peso se eligen por props, nunca con utilidades de Tailwind.
GitHub
Storybook
FigmaVariantes
El componente real, en vivo.
Props
| Prop | Tipo | Descripción |
|---|---|---|
| as | ElementType | Elemento HTML. |
| size | xs … 4xl | Escalón de tamaño. En Heading también: display, headline, title, subtitle, label, section, page. |
| tone | primary | secondary | tertiary | brand | accent | success | error | inverse | inverse-muted | shipping-free | |
| weight | regular | medium | semibold | bold | |
| flush | boolean | Interlineado 1: numerales grandes. |
| eyebrow | boolean | Mayúsculas espaciadas, para etiquetas sobre un título. |
| relaxed | boolean | Interlineado holgado para textos largos. |