@finastra/button-toggle-group
v1.8.1
Published
ButtonToggleGroup Web Component
Downloads
391
Readme
Button Toggle Group
The <fds-button-toggle-group>
is used to group <fds-button-toggle>
or <fds-button-toggle-filter>
items for performing certain actions.
Usage
Import
npm i @finastra/button-toggle-group
import '@finastra/button-toggle-group';
...
<fds-button-toggle-group style="padding-bottom: 16px">
<fds-button-toggle icon="accessibility"></fds-button-toggle>
<fds-button-toggle icon="exit_to_app"></fds-button-toggle>
<fds-button-toggle icon="camera"></fds-button-toggle>
</fds-button-toggle-group>
API
Properties
| Property | Attribute | Type | Default | Description |
|-----------------|------------------|------------------|---------|-----------------------------------------|
| dense
| dense
| boolean
| false | Make the button toggle smaller |
| selectedIndex
| selected-index
| number
| 0 | Index of current selection, starts at 0 |
| toggleButtons
| | ButtonToggle[]
| | |
| value
| | string
| "" | Current selected value |
Events
| Event | Description |
|----------|-----------------------------------|
| change
| Fired when selected value change. |