Separator
관련 없는 묶음 사이를 1px 선으로 나눠요.
변형
Figma 원본의 모든 variant예요. hover, focus는 컴포넌트가 처리해서 따로 그리지 않아요.
horizontal
vertical
사용법
- 간격으로 먼저 구분해요카드 안 영역이나 목록 행은 선보다 간격으로 먼저 나눠요.
Props
| prop | 값 | 기본값 |
|---|---|---|
| orientation | horizontal · vertical | horizontal |
코드
tsx
<Separator />
<Separator orientation="vertical" />