Estado de componentes
BetaQué existe hoy en Figma, en código y en la documentación — y qué falta.
Un componente está listo cuando cumple las tres cosas: en Figma usa solo roles semánticos, text styles y variables de spacing/radius; en código existe en el registry con sus estados y accesibilidad verificados; y tiene su página con Uso, Specs, Código y Accesibilidad.
- Figma
- 11 / 44 listos
- Código
- 43 / 44 listos
- Docs
- 43 / 44 listos
Acciones
Formularios
| Componente | Figma | Código | Docs | Notas |
|---|---|---|---|---|
| Input | En progreso | Listo | Listo | Código: Default, Leading/Trailing text y Trailing button; faltan dropdowns, Payment y Tags. Figma: unificar error (Destructive → State), agregar Hover, Inter → PP Neue. |
| Rounded Input | En progreso | Planeado | Planeado | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. |
| Textarea | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. |
| Input Code (OTP) | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. |
| Select | Listo | Listo | Listo | Falta estado Hover. |
| Multi-select | Listo | Listo | Listo | — |
| Checkbox | Listo | Listo | Listo | — |
| Radio | Listo | Listo | Listo | — |
| Combobox | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| Number field | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| Slider | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| Toggle group | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| Switch | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Date picker | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| File upload | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
Feedback
| Componente | Figma | Código | Docs | Notas |
|---|---|---|---|---|
| Alert | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. |
| Toast | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. |
| Banner | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. |
| Badge | Listo | Listo | Listo | — |
| Badge Group | Listo | Listo | Listo | — |
| Chip | En progreso | Listo | Listo | Set reparado (ejes unificados). Falta aplicar text styles PP Neue. |
| Tooltip | Listo | Listo | Listo | — |
| Spinner | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Skeleton | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Progress | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Empty state | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
Navegación
| Componente | Figma | Código | Docs | Notas |
|---|---|---|---|---|
| Tabs | Listo | Listo | Listo | — |
| Breadcrumb | Listo | Listo | Listo | — |
| Pagination | Listo | Listo | Listo | — |
| Menu / Dropdown | En progreso | Listo | Listo | Dropdown menu construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Stepper | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Navbar | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| Sidebar | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
| Footer | En progreso | Listo | Listo | Construido en Figma (12 oct) con el spec de la página. Falta aplicar text styles PP Neue. |
Overlays
| Componente | Figma | Código | Docs | Notas |
|---|---|---|---|---|
| Modal | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. Radius y padding sin variable. |
| Drawer | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Popover | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
Contenedores
| Componente | Figma | Código | Docs | Notas |
|---|---|---|---|---|
| Card | En progreso | Listo | Listo | Color en roles semánticos. Falta pasar textos de Inter a PP Neue Montreal. Dividir las 19 variantes en familias. |
| Accordion | Listo | Listo | Listo | — |
| Avatar | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
| Table | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
Layout
| Componente | Figma | Código | Docs | Notas |
|---|---|---|---|---|
| Divider | En progreso | Listo | Listo | Construido en Figma (22 sep). Falta aplicar text styles PP Neue. |
Qué significa cada estado
- Listo — se puede usar sin preguntar.
- En progreso — existe y se puede usar, pero tiene pendientes (columna Notas).
- Planeado — todavía no existe. Si lo necesitás ya, avisá: prioriza el roadmap.