Skip to contentSkip to navigationSkip to topbar
Paste
FigmaStar

Button Group

Peer review pending

A Button Group is a component used to render groups of Buttons.

Version 4.1.0
Github
Storybook

Installation

Installation page anchor
yarn add @twilio-paste/button-group - or - yarn add @twilio-paste/core

Usage

Usage page anchor
import {ButtonGroup} from '@twilio-paste/core/button-group';
import {Button} from '@twilio-paste/core/button';

const Component = () => (
  <ButtonGroup attached>
    <Button variant="primary">First button</Button>
    <Button variant="secondary">Second button</Button>
    <Button variant="destructive">Destructive button</Button>
  </ButtonGroup>
);

Props

Props page anchor

ButtonGroup

ButtonGroup page anchor

attached

Type
boolean

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
string
Default
BUTTON_GROUP