Ficha
- Categoría
- Data display
- Nivel
- molécula
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 394:13417
- Fuente
design-system/componentes/ListRow.md
Fila de una lista que abre algo (un nivel, un módulo, un registro): título, meta opcional a la derecha y chevron. Filo superior separa filas; el ancho llena su contenedor.
Cuándo usarlo
- Grupos colapsados o índices en los que el usuario entra (Practicar «otros niveles», módulos de Aprender, historiales).
Cuándo NO usarlo
- Ítems ricos con imagen o estado (ScenarioCard / Card); acciones dentro de la fila (pon un Button).
Anatomía
Enlace o botón de ancho completo, padding 16/4, gap 8, filo superior borders/neutral/04-tint: título heading/sm · meta body/sm · chevron 16.
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
title | Title | texto | Intermedia |
meta | Meta | texto | 8 escenarios |
showMeta | Show meta | boolean | true |
showChevron | Show chevron | boolean | true |
href / onClick | — | enlace o botón | — |
Estados
default · hover (surface/neutral/02-subtle) · focus (anillo 2 px por dentro) · pressed (surface/neutral/03-soft).
Accesibilidad
- Toda la fila es un enlace/botón nombrado por Título + Meta; el chevron es decorativo; 57 de alto (> 44 de objetivo).
Contenido
Title = la cosa; Meta = un conteo o estado corto («8 escenarios»), derivado de los datos, nunca tecleado.
Errores conocidos
- Ninguno medido.
Changelog
- 2026-10-26 · nace (T-02).