Separator

MSK Separator는 영역을 구분하는 CSS 전용 divider primitive입니다. 가로/세로 및 라벨 포함 변형을 지원합니다.

Preview

섹션 A

---

섹션 B

또는

왼쪽오른쪽

Data API

<hr class="msk-ui-separator">
<span class="msk-ui-separator" data-orientation="vertical"></span>
<div class="msk-ui-separator msk-ui-separator--labeled">또는</div>

옵션

• 기본: 가로 1px 선
• data-orientation="vertical": 인라인 세로 구분
• --labeled: 가운데 텍스트 divider