Toggle

Forms bits-ui

A two-state button with a raised pressed look.

Example

<script lang="ts">
	import { Toggle } from '$lib/components/ui/toggle';
	import { Bold } from '@lucide/svelte';

	let pressed = $state(false);
</script>

<Toggle bind:pressed aria-label="Toggle bold">
	<Bold class="size-5" />
	Bold
</Toggle>

Installation

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