Skip to content
Spiral
/
/
Give feedback
Button Group
Buttons group organize multiple related actions into a single, structured unit. They keep actions visually connected while maintaining clear separation between each option, helping users understand that the buttons are linked in purpose.
Size
Day
Week
Month
Quarter
Year
All time
Day
Week
Month
Quarter
Year
All time
Day
Week
Month
Quarter
Year
All time
Show code
Quantity
Day
Week
Month
Quarter
Year
All time
Overview
Analytics
Reports
Team
Settings
List
Grid
Board
Calendar
Small
Medium
Large
Grid
List
Show code
With icon
Copy
Share
Show code
API References
Prop
Type
Default
items
ButtonGroupItem[]
—
size
"2xsmall"
"xsmall"
"small"
"small"
fill
boolean
true
aria-label
string
—
className
string
" "
Button Group Item
Prop
Type
Default
label
ReactNode
—
icon
ComponentType
—
leftIcon
ComponentType
—
rightIcon
ComponentType
—
active
boolean
false
disabled
boolean
false
aria-label
string
—
onClick
() => void
—
