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. |