▒ Design Component ▒

Smart Hospital

data_object

가이드

1
2
3
4
5
6
<div class="label-flx-col">
    <div class="pnt-label--group">
        <div class="label-main">label</div>
        <div class="label-options">place options here
    </div>
</div>

campaign 라벨은 대부분 단일로 사용되지 않습니다.
따라서 추가로 붙는 클래스들은 필수클래스의 부모(parent)에 추가합니다.
부모의 태그는 div, ul, li 중에 사용해주세요.

[필수 클래스]

pnt-label--group

[정렬]

좌우 정렬
- label-flx-start
정렬 방식
- label-flx-col

[그 외]

메인 라벨 길이
- pnt-label-1
- pnt-label-2
- pnt-label-3
- pnt-label-4
- pnt-label-5
- pnt-label-6
- pnt-label-7
- pnt-label-8
- pnt-label-9
- pnt-label-10

align_vertical_center

좌우 정렬

label

place options here
place options here
place options here

기본

label

place options here
place options here
place options here

label-flx-start

align_horizontal_left

정렬 방식

label

place options here

기본

label

place options here

label-flx-col

start

좌우 정렬시 라벨 길이

label

place options here

label

place options here

label

place options here

pnt-label-1

label

place options here

label

place options here

label

place options here

pnt-label-10