Sprix logo

Button Group

A compact wrapper for adjacent actions that belong together.

The Button Group Component

Basic Usage

Code Snippet

<script lang="ts">		import { Button, ButtonGroup } from '$lib/components';	</script> 	<ButtonGroup>		<Button role="secondary" variant="outline">Day</Button>		<Button role="secondary" variant="outline">Week</Button>		<Button role="secondary" variant="outline">Month</Button>	</ButtonGroup>

Examples

Vertical Stack

Switch the group orientation for tool trays and side panels.