ButtonGroup

A container element to automatically set the layout for <Button> components. It will automatically stack, space out, and align buttons for you automatically.

Component render

<ButtonGroup alignment="center">
  <Button rank="secondary">Secondary</Button>
  <Button rank="primary">Primary</Button>
</ButtonGroup>

Properties

Property	Type	Description
alignment	"left" "right" "split" "fill" "stack"	A string specifying the alignment for the button group. This will change button size and distribution across the group.
popoverStrategy	"absolute" "fixed"	Configuration option for the underlying popover element. By default, the popover will position itself using position: absolute;. If your reference element is within a fixed container, you should use a fixed strategy instead.