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