ButtonGroup

Composition

Other Mineral components that render a Mineral Button, such as Tooltip, Popover, or Dropdown, may be composed in a ButtonGroup, though they are incompatible with the mode prop.

<FixedWidthLayout>
  <ButtonGroup aria-label="Optional compositions">
    <Button>Button</Button>
    <Tooltip content="Lorem ipsum dolor sit amet">
      <Button>Tooltip</Button>
    </Tooltip>
    <Popover content={<DemoContent />}>
      <Button>Popover</Button>
    </Popover>
    <Dropdown data={data}>
      <Button iconEnd={<IconArrowDropDown />}>Dropdown</Button>
    </Dropdown>
  </ButtonGroup>
</FixedWidthLayout>