Back to Polythene Button Group main page

Button Group component for React

• Options
• Usage
  • Variations
  • Styling

Options

Button Group does not have any options. Buttons are passed as child nodes.

Usage

import React from "react"
import { Button, ButtonGroup } from "polythene-react"

<ButtonGroup>
  <Button label="One" />
  <Button label="Two" />
  <Button label="Three" />
</ButtonGroup>

Variations

Button options that are relevant to Button Group:

• Create a wide button with extraWide: true
• Create a high label with highLabel: true
• Add a separator with separatorAtStart: true (normally placed at the left, with RTL languages at the right side)

Note that Buttons contained within a Button Group don't have a minimum width.

Styling

Button Group does not have styling options. Use themed/styled Buttons instead.