ButtonGroup
The ButtonGroup component can be used to group related buttons.
Notes
The BitButtonGroupGroup is a Multi-API component which can accept the list of Items in 3 different ways: BitButtonGroupGroupItem class, a custom Generic class, and BitButtonGroupGroupOption component.Usage
Basic
Show code
The buttons can be grouped by putting them in a ButtonGroup component.
Variant
Show code
The ButtonGroup has three variants: Fill (default), Outline, and Text..
Fill (default)
Outline
Text
Color
Show code
Offering a range of specialized colors, providing visual cues for specific states within your application.
Primary
Secondary
Tertiary
Info
Success
Warning
SevereWarning
Error
PrimaryBackground
SecondaryBackground
TertiaryBackground
PrimaryForeground
SecondaryForeground
TertiaryForeground
PrimaryBorder
SecondaryBorder
TertiaryBorder
Icon
Show code
Each item in the ButtonGroup can have an icon.
Fill (default)
Outline
Text
Vertical
Show code
By default the BitButtonGroup component is horizontal, but can be turned vertical by adding the Vertical property.
Size
Show code
Different sizes for buttons to meet design needs, ensuring flexibility within your application.
Small
Medium
Large
Style & Class
Show code
Empower customization by overriding default styles and classes, allowing tailored design modifications to suit specific UI requirements.
Component's style & class:
Item's style & class:
Events
Show code
Managing button click events.
Component's ItemClick event:
Clicked item:
Item's Click event:
Click count: 0
RTL
Show code
Use BitButtonGroup in right-to-left (RTL).
API
BitButtonGroup parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitNameSelectorPair properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitVariant enum
Name |
Value |
Description |
---|---|---|
BitColor enum
Name |
Value |
Description |
---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|
- On this page