Web - Divider
Definition
정의 | Divider |
최적화 대상 | Desktop Mobile |
기획 배포 | 완료 |
디자인 가이드 배포 | 완료 |
개발 코드 배포 | 완료 |
Principle
콘텐츠와 콘텐츠 사이 구분을 해주는 역할을 합니다.
기본은 라인 형태지만 확실하게 위아래 콘텐츠를 구분하기 위해 면적 형태를 사용할 수도 있습니다.
line : 1px
area : 16px
*area는 섹션과 섹션 사이 큰 구분(위계적으로)을 위한 것이므로 direction이 horizontal일 때만 사용이 가능합니다.
Spec
Color Key
line :
ui_cpnt_dividerarea :
ui_cpnt_divider_area
Properties
displayType
유형을 결정합니다.
기획 지시사항
기획서 상 작성 방법 : Enum Values 중 하나를 사용함
Type |
|
|---|---|
Default |
|
Enum Values Description | |
|---|---|
| |
| direction이 horizontal일 때만 사용 가능 |
direction
방향을 결정합니다.
기획 지시사항
기획서 상 작성 방법 : Enum Values 중 하나를 사용함
Type |
|
|---|---|
Default |
|
Enum Values Description | |
|---|---|
| |
| displayType이 line일 때만 사용 가능 |
height
방향이 vertical일 때 높이값
기획 지시사항
기획서 상 작성 방법 : 숫자만 기술
Type |
|
|---|---|
Default | - |
colorTheme
컬러의 프리셋 테마입니다.(정해진 컬러 테마 제공)
기획 지시사항
기획서 상 작성 방법 : Enum Values 중 하나를 사용함
Type |
|
|---|---|
Default |
|
Enum Values Description | |
|---|---|
| 기본값 사용 |
|
Added in 1.2
|
|
Added in 1.4
|
문서 작성 정보
소유자 / 관리자 | 김혜진, 박윤규 |
|---|---|
변경 이력 |
|