Skip to contentSkip to navigationSkip to topbar
Paste
Paste assistant Assistant
FigmaStar

Button Group

Version 4.1.0GithubStorybookPeer review pending

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

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