Components

Button Group

Mixed (Button wrapper)

Groups buttons together to create segmented controls and toolbars.

Basic Example

Simple horizontal button group.

With Separator

Add visual separators between buttons.

Vertical Orientation

Stack buttons vertically.

With Text

Add text labels between buttons.

or

Installation

npx shadcn-svelte@latest add button-group

API Reference

ButtonGroup.Root Props

Prop
Type
Default
orientation
'horizontal' | 'vertical'
'horizontal'
class
string
-

Documentation

For more information, see the official shadcn-svelte documentation.