Group
Organize related buttons or badges together into a single, cohesive group
Source ↗️ Report Issue ↗️Group buttons or badges together to help users make choices or take actions that are related to one another, providing a cleaner and more organized interface. Use for grouped actions, toggle options, navigation, or filter/choice selection.
The Group
component can be used in combination with Button
and Badge
components. Simply pass the components inside the Group
component to create a group.
Separated Group Elements
Group elements can be separated using a separator by setting the withSeparator
prop on the Group
component:
HTML CSS JS
You can use any existing
theme
in the Group
component to change the visual appearance of your elements. API
Prop | Purpose |
---|---|
withSeparator | Displays a border between elements. Defaults to false . |
className | Pass additional CSS classes for the group. |
Request improvement for this page