Checkbox dropdowns
Props
Property | Required | Type | Default | Description |
---|---|---|---|---|
buttonAriaLabel | no | String | aria-label for the button | |
buttonClassName | no | String | Classname to add to the button | |
flat | no | Boolean | If true, dropdown toggle has no borders and is transparent | |
labelAriaLabel | no | String | aria-label for the label | |
labels | yes | oneOf([Array, Object]) | Labels for the checkboxes | |
onChange | no | Function | Callback that fires after clicking a checkbox | |
size | no | oneOf(['normal', 'large', 'small']) | 'normal' | Sets the size |
split | no | Boolean | If true, separates the button text from the toggle | |
customizeTitle | no | Function | Callback that allows dropdown title customization if ALL are not selected |
Imports
Import React components (including CSS):
import {CheckboxDropdown} from 'pivotal-ui/react/checkbox-dropdown';
Import CSS only:
import 'pivotal-ui/css/checkbox-dropdown';