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