No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

ButtonGroup

For grouping Buttons

NameDescriptionDefault
direction
Direction of children
"row" | "column"
row
rightAlign
Set align right
boolean
false
gap
gap of between children
number
10
width
When Direction is column, working
string
100%
style
Basic property: style
any
-
className
Basic property: className
string
-

Stories

Right Align

rightAlign=true

Column

direction="column"

Custom Gap

gap={16}

Custom Gap Column

direction="column" gap={16}

Column With Width

direction="column" width="20rem"