Angular Button Library | ng-hub-ui-buttons
Complete Angular 22 button system with signal-based API — standard buttons, FAB, speed dial and overlay dropdown. Zero dependencies beyond ng-hub-ui-utils.
概览
团队为何搜索这个库
Use ng-hub-ui-buttons when you need a unified, themeable button ecosystem that covers every interaction pattern — from inline CTA to floating action overlays — with a single consistent API built on Angular Signals.
安装
npm install ng-hub-ui-buttons跳转到
适用于
- primary call-to-action buttons
- floating action menus
- context-menu dropdowns
- icon-only toolbar actions
关于 buttons
ng-hub-ui-buttons is a zero-dependency button library for Angular 22+ standalone apps. It ships HubBtnComponent and HubBtnDirective (five variants × six colours × four sizes), HubFabComponent (nine fixed positions), HubSpeedDialComponent and HubDropdownDirective (overlay-based, powered by ng-hub-ui-utils OverlayService). Every visual property is a CSS custom property so the whole system themes with a single stylesheet override.
功能指南
Button Variants
Five visual styles (solid, outline, soft, ghost, link) × six semantic colours with size scale sm–xl.
示例:
Button Variants
Button Variants
Floating Action Button
Fixed-position circular button with nine placement presets and optional scroll-collapse behaviour.
示例:
Floating Action Button
Floating Action Button
Speed Dial
Expandable FAB that reveals a stack of action items. Closes on Escape or backdrop click.
示例:
Speed Dial
Speed Dial