Separator

Stablev1.0.0

콘텐츠 그룹을 시각적으로 분리하는 가로/세로 선.

Groudit UI

Copy-paste components built on Radix UI.

Blog
Docs
Source
import { Separator } from "@/components/ui/separator";

<Separator />
<Separator orientation="vertical" />

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/separator.json

Composition

Separator

Accessibility

이 컴포넌트는 WAI-ARIA separator 패턴을 따릅니다.

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

Notes

  • 순수 시각 분리면 aria-hidden, 의미 있는 분리면 role="separator".