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.

インタラクティブなサンプル

一般的な Angular のユースケースでライブラリがどのように動作するかを示すライブサンプルをご覧ください。

Button Variants

Element formThe same component as a custom element (<hub-button>) instead of the [hubButton] attribute.

Floating Action Button

FAB preview area — fixed within this container via CSS containment

Speed Dial

Bottom right

Bottom left

Top right

Top left

Overlay Dropdown

CSS Variable Theming

ローディング / ビジー状態

カスタムカラーとバリアント