UAISistema de Diseño Intranet
v3.2 · 20 oct 2026Repositorio (acceso restringido)
Componentes / AccionesBotón de acción

Botón de acción

Dispara la acción de una tarjeta o pantalla. Tres jerarquías —primaria, secundaria y terciaria— y dos tamaños. Es el único botón de acción de la Intranet.

Archivo src/components/wireframe/PrimaryActionButton.tsxNombre en código PrimaryActionButtonEstado: Aprobado

Ejemplo en vivo

variant
size
disabled
external

Ejemplos

Con ícono

Como enlace externo

Ver perfil en uai.cl Saldrás de la Intranet

Volver

Estados

JerarquíaNormalHoverDeshabilitado
Primaria
Secundaria
Terciaria

Cuándo usarlo

Úsalo

  • Para la acción que el usuario viene a hacer en esa tarjeta o pantalla.
  • Con href cuando la acción navega: se renderiza como enlace.
  • Con external cuando lleva fuera de la Intranet, por ejemplo a Banner.

Evítalo

  • Más de una primaria en la misma tarjeta o pantalla.
  • Para enlaces de lectura como «Ver todos»: usa Enlace de texto.
  • Dentro de la barra de título de la tarjeta: es nativa de Ellucian.

Relacionados