Switch

사용자가 체크됨과 체크 안 됨 사이를 토글할 수 있는 컨트롤입니다.

Docs API Reference

비행기 모드

<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">비행기 모드</Label>
</div>

설치

pnpm dlx shadcn-svelte@latest add switch

npx shadcn-svelte@latest add switch

npx shadcn-svelte@latest add switch

bun x shadcn-svelte@latest add switch

bits-ui를 설치하세요:

pnpm i bits-ui -D

npm i bits-ui -D

yarn install bits-ui -D

bun install bits-ui -D

다음 코드를 복사하여 프로젝트에 붙여넣으세요.

import Root from "./switch.svelte";

export {
  Root,
  //
  Root as Switch,
};

사용법

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

<Switch />

Spinner Table