Function Example

stories/examples/ButtonGroup/Nesting.js:11–30

(props)

} from 'reactstrap';

function Example(props) {
  return (
    <ButtonGroup className="my-2">
      <Button color="secondary">Left</Button>
      <Button color="secondary">Middle</Button>
      <ButtonGroup>
        <UncontrolledDropdown>
          <DropdownToggle caret>Dropdown</DropdownToggle>
          <DropdownMenu>
            <DropdownItem header>Header</DropdownItem>
            <DropdownItem disabled>Action</DropdownItem>
            <DropdownItem>Another Action</DropdownItem>
            <DropdownItem divider />
            <DropdownItem>Another Action</DropdownItem>
          </DropdownMenu>
        </UncontrolledDropdown>
      </ButtonGroup>
    </ButtonGroup>
  );
}

export default Example;