Ficha
- Categoría
- Data display
- Nivel
- átomo
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 442:29785
- Fuente
design-system/componentes/StatusIcon.md
Estado de un ítem en una lista de verificación o evaluación: el ícono y su color son una sola decisión (done = check en positive, pending = reloj en disabled).
Cuándo usarlo
- Filas de criterios durante la calificación («revisado» / «pendiente»), pasos de una lista de verificación.
Cuándo NO usarlo
- Íconos decorativos o dentro de botones → Icon.
- Mensajes con texto → Callout.
Anatomía
Icon de 24: circle-check en icons/positive/07-mid o clock en icons/disabled/05-faint.
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
status | Status | done · pending | done |
label | — | nombre accesible | Revisado / Pendiente |
decorative | — | boolean (la fila ya lleva la palabra) | false |
Estados
Sin estados.
Accesibilidad
- Va con texto («Revisado», «Pendiente») o con aria-label; el color nunca es la única pista.
Contenido
Nunca recolorear el ícono en una instancia: se elige el Status (R4).
Errores conocidos
- Ninguno medido.
Changelog
- 2026-10-26 · nace (T-02).