Button Toolbar

Button toolbars allow you to group a series of button or input groups on a single line.

import React from "react";
import {
  Button,
  ButtonGroup,
  ButtonToolbar,
  FormInput,
  InputGroup
} from "shards-react";

export default function ButtonToolbarExample() {
  return (
    <ButtonToolbar>
      <ButtonGroup size="sm">
        <Button>Create</Button>
        <Button>Edit</Button>
      </ButtonGroup>

      <InputGroup size="sm" className="ml-auto">
        <FormInput placeholder="Search..." />
      </InputGroup>
    </ButtonToolbar>
  );
}

Props

The following props are available for the Button Toolbar component.

Prop	Description	Type	Default	Required
className	The class name.	`String`	-	No
children	The children nodes.	`Array[Node]Node`	-	No