La directiva nuiButton da estilo a un <button> o un <a> nativo. El elemento conserva su semántica, su comportamiento con el teclado y su participación en formularios; la directiva solo refleja sus inputs en los atributos data a los que apunta la hoja de estilos.
Usa un <button> para las acciones y un <a> para la navegación. Los dos se ven igual y ambos admiten disabled.
Variantes
Cuatro estilos de relleno, del más llamativo al más discreto. Usa un solo botón sólido por vista, para la acción principal.
Tonos
Los tonos cambian la paleta: accent para el camino principal, neutral para las acciones secundarias y danger para las destructivas.
Tamaños
Tres alturas: 28, 36 y 44 píxeles. Incluso el más pequeño supera el tamaño mínimo de objetivo de las WCAG 2.2.
Enlaces y botones desactivados
Los enlaces no se pueden desactivar de forma nativa, así que un enlace desactivado recibe aria-disabled="true" y sus clics se bloquean, incluso con routerLink.