Docs
Toggle

Toggle

A two-state button that can be either on or off.

Component Source Primitive Reference (Radix Svelte)

Installation

	npx shadcn-svelte add toggle

	npx shadcn-svelte add toggle

Usage

	<script lang="ts">
  import { Toggle } from "$components/ui/toggle";
</script>

	<script lang="ts">
  import { Toggle } from "$components/ui/toggle";
</script>

	<Toggle>Toggle</Toggle>

	<Toggle>Toggle</Toggle>

Examples

Default

Outline

With Text

Small

Large

Disabled

Textarea Tooltip