이 사이트는 shadcn-svelte 공식 문서의 한국어 번역입니다.
6.9k

Separator

Previous Next

콘텐츠를 시각적 또는 의미론적으로 구분합니다.

Docs API Reference

Bits UI Primitives

오픈소스 UI 컴포넌트 라이브러리입니다.

블로그
문서
소스
<script lang="ts">
  import { Separator } from "$lib/components/ui/separator/index.js";
</script>
 
<div>
  <div class="space-y-1">
    <h4 class="text-sm leading-none font-medium">Bits UI Primitives</h4>
    <p class="text-muted-foreground text-sm">
      오픈소스 UI 컴포넌트 라이브러리입니다.
    </p>
  </div>
  <Separator class="my-4" />
  <div class="flex h-5 items-center space-x-4 text-sm">
    <div>블로그</div>
    <Separator orientation="vertical" />
    <div>문서</div>
    <Separator orientation="vertical" />
    <div>소스</div>
  </div>
</div>

설치

pnpm dlx shadcn-svelte@latest add separator

사용법

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