WUI logo

ButtonGroup

Buttons grouped without space.

version

4.1.2

install

yarn add @welcome-ui/button-group

usage

import { ButtonGroup } from '@welcome-ui/button-group'

Usage #

ButtonGroup component allows you to set the size and variant of all buttons within it and removing the border radius of the its button childrens.

<ButtonGroup>
<Button>First</Button>
<Button>Second</Button>
<Button>Third</Button>
<Button>Last</Button>
</ButtonGroup>

Overload #

ButtonGroup overloads the child components properties.

<ButtonGroup variant="tertiary" size="sm">
<Button>First</Button>
<Button variant="secondary">Second</Button>
<Button variant="tertiary">Third</Button>
<Button variant="tertiary">Last</Button>
</ButtonGroup>

Properties #

NameType(s)DefaultRequired
disabled
Boolean

Disable all your buttons components

size
"xs"
"sm"
"md"
"lg"
"xl"
variant
"disabled"
"primary"
"secondary"
"tertiary"
"primary-info"
"secondary-info"
"primary-success"
"secondary-success"
"tertiary-negative"
"quaternary"
"primary-warning"
"secondary-warning"
"primary-danger"
"secondary-danger"

Packages #

Dependencies #
Peer dependencies #

Previous

Button