ButtonGroup

The ButtonGroup component groups a series of buttons into a single connected control. It can be rendered horizontally or vertically and supports multiple sizes.

Import

import { Button, ButtonGroup } from "@promethey/bsui";

Note

Badge inherits all utility props supported by the Prime component, including layout, spacing, typography, colors, borders, sizing, positioning, and other Bootstrap utility APIs.

Basic usage

Sizes

Use the size prop to change the size of every button inside the group.

Vertical

Set vertical to stack buttons vertically.

Different styles

Button groups work with any button appearance.

Outline

Button groups also support outline buttons.

Utility props

All utility props provided by Prime are supported.

API

Prop	Type	Default	Description
children	ReactNode	—	Content rendered inside the button group.
className	string	—	Additional CSS classes.
style	object	—	Inline styles.
size	"sm" | "lg"	—	Changes the size of the button group.
vertical	boolean	false	Renders the buttons vertically instead of horizontally.
drop	"up" | "end" | "start"	—	Changes the dropdown direction for grouped dropdown buttons.