Button Group
The Button Group component is used to display a group of buttons.
Loading Code Block...Loading Code Block...Layout
Section titled “Layout”horizontal
Loading Code Block...default
Loading Code Block...xs
Loading Code Block...Destructive Button
Section titled “Destructive Button”Loading Code Block...| Props | Default | Type | Description |
|---|---|---|---|
| type | default | 'default' | 'stretch' | 'link' | Sets the type of the button group. |
| layout | horizontal | 'horizontal' | 'vertical' | The arrangement of the buttons in the group. |
| size | md | 'xs' | 'sm' | 'md' | 'lg' | Sets the size of the button group. |
| primaryButton | {} | object | Sets the primary button of the button group. Takes the props text and onClick |
| secondaryButton | {} | object | Sets the secondary button of the button group. Takes the props text and onClick |
| tertiaryButton | {} | object | Sets the tertiary button of the button group. Takes the props text and onClick |