Button Group

Actions

Buttons joined into one segmented control.

Example

<script lang="ts">
	import * as ButtonGroup from '$lib/components/ui/button-group';
	import { Button } from '$lib/components/ui/button';
</script>

<ButtonGroup.Root>
	<Button variant="secondary">Day</Button>
	<Button variant="secondary">Week</Button>
	<Button variant="secondary">Month</Button>
</ButtonGroup.Root>

Installation

npx shadcn-svelte@latest add https://mizu-ui.com/r/button-group.json