ButtonGroup

ButtonGroup is a container that groups multiple Button components together with consistent spacing and styling.

Live Example

Loading component...

Try It

Edit the code below to experiment with the component:

Live Editor

function Demo() {
  return (
    <ButtonGroup>
      <Button buttonStyle="tertiary">Button 1</Button>
      <Button buttonStyle="tertiary">Button 2</Button>
      <Button buttonStyle="tertiary">Button 3</Button>
    </ButtonGroup>
  );
}

Result

Loading...

Props

Prop	Type	Default	Description
expand	boolean	false	When true, buttons expand to fill available width.

Import

import { ButtonGroup } from '@superset/components';

---

Improve this page

This documentation is auto-generated from the component's Storybook story. Help improve it by editing the story file.