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

Botón de tarjeta

Botón blanco con bloque de ícono, para atajos dentro de tarjetas. Su aspecto no cambia según el cuerpo de la tarjeta.

Archivo src/components/wireframe/CardActionButton.tsxNombre en código CardActionButtonEstado: Aprobado

Ejemplo en vivo

Ejemplos

Externo

Íconos por etiqueta

EtiquetaÍconoNombre del ícono
certificadosFileCheck2
solicitudesClipboardList
pagosCreditCard
estado financieroWallet
preguntas frecuentesHelpCircle
horario de salasCalendarClock
deportesDumbbell
actividadesSparkles
talleresWrench
comunidadUsers
colaboradores uaiHandshake
horario de busesBus
mesa de servicioHeadset
bibliotecaBookOpen
abrir canalShieldAlert

Una etiqueta que no está en el mapa usa ChevronRight.

Cuándo usarlo

Úsalo

  • Atajos a trámites o secciones dentro de una tarjeta.
  • Como botón de la CTA destacada.

Evítalo

  • Fuera de tarjetas: ahí va el Botón de acción.
  • Para más de 6 atajos: usa la Grilla de botones, que agrega «Ver todos».

Relacionados