Components
Divider
내용 사이를 나누는 선입니다.
위 내용
또는
아래 내용
코드 보기
<div style="height:1px;background:var(--border)"></div>
<!-- 라벨형: 선 + "또는" + 선 -->Variants
| 이름 | 설명 | 미리보기 |
|---|---|---|
| 기본 | 1px 실선 | |
| 라벨형 | 가운데 텍스트 ("또는") | 또는 |
Guidelines
✓ Do
- 여백으로 나눌 수 있으면 여백을 먼저 쓴다
✕ Don't
- 연속 사용 금지 (표가 필요하면 Table)
- 2px 이상·점선 금지
Specification
| 속성 | 토큰/값 | 비고 |
|---|---|---|
두께 | 1px var(--border) |