Librería de botones para Angular | ng-hub-ui-buttons
Sistema completo de botones para Angular 22 con API basada en signals — botones estándar, FAB, speed dial y dropdown overlay. Sin dependencias externas más allá de ng-hub-ui-utils.
Visión General
Por qué los equipos buscan esta librería
Usa ng-hub-ui-buttons cuando necesites un ecosistema de botones unificado y personalizable que cubra todos los patrones de interacción con una API coherente basada en Angular Signals.
Instalación
npm install ng-hub-ui-buttonsIr a
Ideal para
- botones de llamada a la acción
- menús de acción flotantes
- menús contextuales dropdown
- acciones en barra de herramientas
Sobre buttons
ng-hub-ui-buttons es una librería de botones sin dependencias para aplicaciones Angular 22+ standalone. Incluye HubBtnComponent y HubBtnDirective (cinco variantes × seis colores × cuatro tamaños), HubFabComponent (nueve posiciones fijas), HubSpeedDialComponent y HubDropdownDirective.
Guías de uso
Variantes de botón
Cinco estilos (solid, outline, soft, ghost, link) × seis colores semánticos con escala sm–xl.
Ejemplos:
Variantes de botón
Variantes de botón
Botón de acción flotante
Botón circular en posición fija con nueve posiciones y opción de colapso al hacer scroll.
Ejemplos:
Botón de acción flotante
Botón de acción flotante
Speed Dial
FAB expandible que muestra una pila de acciones. Se cierra con Escape o click fuera.
Ejemplos:
Speed Dial
Speed Dial