Saltar al contenido

Componentes

Botones y enlaces

Acciones principales, secundarias, de peligro y enlaces.

Prueba sin guardar cambios

Cargando ejemplo…

Cuándo usar

CrmActionButton ejecuta acciones. CrmActionLink navega a páginas seguras. CrmActionAnchor realiza navegación de documento completo y CrmActionDownload descarga un archivo.

Propiedades y variantes

PropiedadContrato
toneprimary, secondary, text, active, danger; default conserva el estilo secundario.
disabled / isLoadingDeshabilitar y comunicar una operación en curso.
onClickHandler explícito de acciones; no usar URLs de mutación.
href / downloadDestino para enlaces y nombre para descargas.

Estados y accesibilidad

Prueba foco con Tab, hover y las variantes deshabilitada/carga. Los enlaces visibles de acción terminan en PiArrowSquareOutBold; botones de solo icono requieren aria-label.

Evitar

No uses el botón negro por defecto ni overrides locales de color, radio o altura. No dispares exportaciones o mutaciones con next/link, incluso con prefetch deshabilitado.

Código fuente

  • apps/platform/src/modules/crm/components/action-button.tsx