Acciones
Botón de acción
Dispara la acción de una tarjeta o pantalla
PrimaryActionButton.tsxBotón de tarjeta
Botón blanco con bloque de ícono, para atajos dentro de tarjetas
CardActionButton.tsxEnlace de texto
La acción de menor jerarquía del sistema
TextLink.tsxFlecha de carrusel
Flechas para recorrer elementos uno a uno, como los programas de un estudiante con doble programa.
CarouselArrow.tsxAviso externo
Texto estándar «Saldrás de la Intranet» bajo toda acción que abre un sistema externo.
ExternalHint.tsxContenido
Badge
Etiqueta de estado
Badge.tsxElemento de lista
Una fila dentro de una tarjeta o panel
ListItem.tsxLista
Cuerpo de tarjeta tipo lista
CardList.tsxAcordeón
Catálogos largos agrupados por categoría
Accordion.tsxPestañas
Cambia entre vistas del mismo contenido
Tabs.tsxPanel de acento
Contenedor de contenido dentro de una pantalla de Nivel 3.
AccentPanel.tsxAviso de sistema
Aviso del sistema al usuario: acción realizada, pendiente o error
AvisoSistema.tsxBloque de reserva
Reserva el espacio de un contenido que TI reemplaza por el real, como el retrato de un profesor.
PlaceholderBlock.tsxDatos
Contenedores
Tarjeta
La tarjeta base de la Intranet
WireframeCard.tsxGrilla de botones
Cuerpo de tarjeta con hasta 6 botones
CardButtonGrid.tsxCTA destacada
Tarjeta destacada con llamada a la acción.
FeaturedCTACard.tsxTarjetas institucionales
Clima, Eventos UAI y Noticias UAI: iguales en todos los perfiles, sin datos del usuario.
InstitutionalCards.tsxSección de menú
Implementa la taxonomía de Ellucian: Nivel 2 como grilla de tarjetas, y Nivel 3 al abrir una de ellas.
MenuSection.tsxGrilla de página
Contenedor de grilla de 12 columnas donde viven las tarjetas de una vista.
WireframePage.tsx