Split Buttons
Basic usage:
SplitButton groups a set of commands in an overlay with a default command.
SplitButton uses array with options where option is object { icon: string, label: string, clickFunction?: unknown }
Expand
Sizes:
SplitButton provides three sizes (large | default | small)
Expand
Colors:
SplitButton provides next colors: (primary | secondary | destructive | success | warning)
Expand
Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| color | Color Scheme | string | 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | primary |
| dataTestName | Data Test Name | string | - | default |
| disabled | Whether the component is disabled | boolean | true | false | false |
| options | SplitButton Options | array | {icon?: string, label: string, clickFunction?: unknown}[] | [] |
| size | Size of SplitButton | string | 'large' | 'default' | 'small' | default |
Slots
| Name | Description |
|---|---|
| default | Content of the Button |
Events
| Method | Description | Parameters |
|---|---|---|
| click | Option click event in case not disabled | event |
| change | Option change event in case not disabled | event |