On This Page

Switch

A control that allows the user to toggle between checked and not checked.

View shadcn-svelte docs Component source

Airplane Mode

<script lang="ts">
  import { Label } from "$lib/components/ui/label/index.js";
  import { Switch } from "$lib/components/ui/switch/index.js";
</script>

<div class="flex items-center space-x-2">
  <Switch id="airplane-mode" />
  <Label for="airplane-mode">Airplane Mode</Label>
</div>

Installation


npx shadcn-svelte@latest add https://neobrutalism-svelte.flenze.com/r/switch.json

Usage

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

<Switch />