Button Group
Button groups are used to group related buttons together. They can be used to create a toolbar or a set of related actions.
Figma Link
- Web Components
- Flutter
Demo
zeta-web v1.4.0
Web Components
Takes in Zeta Button Group Items as children and groups them by applying styling to them.
Does not render any other types of children.
Storybook
https://design.zebra.com/web/storybook/index.html?path=/docs/components-button-group--docs
Slots
| Name | Description | Type |
|---|---|---|
| default | Children must be of type zeta-group-button otherwise they will not be displayed. | text |
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| size | Size of button. | "medium" | "large" | "medium" |
Inherited Attributes
| Name | Description | Type | Default | Inherited From |
|---|---|---|---|---|
| rounded | Whether the component is rounded or sharp.When true, rounded will set the border radius of the first child, and any children with class 'contourable-target' to --radius-minimal.Otherwise, this value will be --radius-none. | boolean | undefined | true | Contourable |
Flutter component not available yet