ButtonGroup

Button Groups associate a set of related buttons together.

children


<Button>Button</Button>
<PrimaryButton>Button</PrimaryButton>


<Button>Button</Button>
<PrimaryButton>Button</PrimaryButton>

alignment

left

right

spaced

import * as React from "react";
import {
  ButtonGroup,
  Button,
  PrimaryButton
} from "@nulogy/components";

export default () => {
  return (
    <ButtonGroup alignment="left">
      <Button>Button</Button>
      <PrimaryButton>Button</PrimaryButton>
    </ButtonGroup>
  );
}

import * as React from "react";
import {
  ButtonGroup,
  Button,
  PrimaryButton
} from "@nulogy/components";

export default () => {
  return (
    <ButtonGroup alignment="left">
      <Button>Button</Button>
      <PrimaryButton>Button</PrimaryButton>
    </ButtonGroup>
  );
}

Use when

Always use the Button Group component when there are multiple buttons beside each other.

Props

Name	Type	Default	Description
children	react node		Buttons to wrap.
alignment	enum		Aligns the buttons within the group.