Retroui Svelte
Github

Toggle Group

A set of two-state buttons that can be toggled on or off.

Docs API Reference Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/toggle-group.json


Usage

		<script lang="ts">
  import * as ToggleGroup from "$lib/components/ui/toggle-group/index.js";
</script>
 
<ToggleGroup.Root type="single">
  <ToggleGroup.Item value="a">A</ToggleGroup.Item>
  <ToggleGroup.Item value="b">B</ToggleGroup.Item>
  <ToggleGroup.Item value="c">C</ToggleGroup.Item>
</ToggleGroup.Root>

Examples

Default


Outlined


Outline Muted


Solid