@finastra/button-toggle-group
TypeScript icon, indicating that this package has built-in type declarations

1.8.1 • Public • Published

Button Toggle Group

See it on NPM! How big is this package in your project? Storybook

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.

Package Sidebar

Install

npm i @finastra/button-toggle-group

Weekly Downloads

58

Version

1.8.1

License

MIT

Unpacked Size

39 kB

Total Files

27

Last publish

Collaborators

  • david.bocle
  • ffdcbot
  • ttalbot