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.

Interactive examples

Explore live examples that show how the library behaves in common Angular use cases.

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

Loading & busy state

Custom colours & variants

One dropdown at a time

Click this box, open a menu, then press 1, 2 or 3. A keypress opens the menu from code with no click anywhere — the case the click-outside rule never covered.