Button Group
Introduction
Button groups arrange multiple buttons in a horizontal or vertical group.
Buttons
inside a ButtonGroup
can trivially be wrapped with a Popover
to create complex toolbars.
The below information is a snippet from the
related section in the Blueprint reference documentation.
Examples
Usage
API Reference
ButtonGroup
Prop Name | Required? | Type | Description |
---|---|---|---|
alignText | false | Alignment | Text alignment within button. By default, icons and text will be centered within the button. Passing `"left"` or `"right"` will align the button text to that side and push `icon` and `rightIcon` to either edge. Passing `"center"` will center the text and icons together. |
className | false | string | A space-delimited list of class names to pass along to a child element. |
fill | false | boolean | Whether the button group should take up the full width of its container. |
large | false | boolean | Whether the child buttons should appear with large styling. |
minimal | false | boolean | Whether the child buttons should appear with minimal styling. |
vertical | false | boolean | Whether the button group should appear with vertical styling. |
Related Reading
Blueprint Reference
Design
Button
Popover
Menu