Button Group
A group of buttons, often used for actions in a toolbar.
Default
The standard button group component.
button-group-example-default.ts
Orientation
Use the orientation input to set the button group to vertical.
button-group-example-orientation.ts
Sizes
Button groups support different sizes through the buttons inside them.
button-group-example-size.ts
Nested
Button groups can be nested to create complex toolbars or pagination.
button-group-example-nested.ts
Split Button
Create a split button using hlm-button-group-separator.
button-group-example-split.ts
Input Group
Combine text, inputs, and buttons into a single group.
button-group-example-with-text.ts
Dropdown Menu
Integration with hlmDropdownMenuTrigger for advanced actions.
button-group-example-dropdown.ts
Installation & Usage
Installation
Imports
Basic Skeleton
API Reference
Helm API
The helm components provide the styling for the button group.
| Component / Directive | Selector | Inputs |
|---|---|---|
| HlmButtonGroup | [hlmButtonGroup], hlm-button-group |
|
| HlmButtonGroupSeparator | hlm-button-group-separator | A vertical or horizontal line to separate buttons. |
| HlmButtonGroupText | [hlmButtonGroupText] | Styled text within a button group. |