Skip to contentSkip to navigationSkip to topbar
Paste
FigmaStar462

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

To help us improve this site, we use tools that set cookies. The data gathered by these tools is anonymized. If you reject the use of cookies, no analytics service will be initiated.