UAISistema de Diseño Intranet
v3.2 · 20 oct 2026Repositorio (acceso restringido)
Componentes / ContenidoElemento de lista

Elemento de lista

Una fila dentro de una tarjeta o panel. Con onClick se vuelve clicable: al pasar el cursor se pinta de celeste oscuro (#385F82) y el texto pasa a blanco.

Archivo src/components/wireframe/ListItem.tsxNombre en código ListItemEstado: Aprobado

Ejemplo en vivo

Correo institucional
nombre.apellido@uai.cl

Ejemplos

Apilada

Matemáticas I08:00 — Sala A201

Con detalle

Matemáticas I — Parcial 1Promedio: 5.4
6.2

Con badge

Arancel 2025-1
Pagado

Externa

BibliotecaSaldrás de la Intranet

Con acciones

Evaluación 1
Eliminar · Editar

Sin ícono, no clicable

Magíster en Inteligencia ArtificialUniversidad Adolfo Ibáñez

Cuándo usarlo

Úsalo

  • Filas que llevan a una pantalla o registro.
  • Dentro de tarjetas y paneles; la Lista la usa para cada fila.

Evítalo

  • Para tablas con varias columnas: usa la Tabla.