Toggle - shadcn-svelte

Installation

npx shadcn-svelte@next add toggle

Install bits-ui

npm install bits-ui -D

Copy and paste the component source

Copy and paste the component source code into your project.

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

<Toggle>Toggle</Toggle>

Basic toggle button.

Toggle with outline variant.

Toggle button with text label.

Smaller toggle button size.

Larger toggle button size.

Disabled toggle button state.