Toggle

An interactive component that toggles between two states.

	<script lang="ts">
  import { Bold } from "lucide-svelte";
  import { Toggle } from "@/components//ui/toggle";
</script>
 
<Toggle aria-label="toggle bold">
  <Bold class="h-4 w-4" />
</Toggle>

	<script lang="ts">
  import { Bold } from "lucide-svelte";
  import { Toggle } from "@/components//ui/toggle";
</script>
 
<Toggle aria-label="toggle bold">
  <Bold class="h-4 w-4" />
</Toggle>

Structure

	<script lang="ts">
  import { Toggle } from "bits-ui";
</script>
 
<Toggle.Root>
  <Toggle.Thumb />
  <Toggle.Input />
</Toggle.Root>

	<script lang="ts">
  import { Toggle } from "bits-ui";
</script>
 
<Toggle.Root>
  <Toggle.Thumb />
  <Toggle.Input />
</Toggle.Root>

🚧 UNDER CONSTRUCTION 🚧