form 컴포넌트 navigate_next 셀렉트
12
manage_accounts
프로필
app_settings_alt
개인 설정
color_lens
테마 설정
edit
화면 편집
화면 에디터 페이지입니다.
data_object

가이드

1
2
3
4
5
6
7
8
9
10
11
<div class="pnt-select--group
on
"
>
    <button class="select__btn">
        <div class="cont-wrap">리스트1</div>
        <span class="material-icons-round">arrow_drop_down</span>
    </button>
    <ul class="select__options">
        <li class=
"on"
><a href="#">리스트1</a></li>
        <li><a href="#">리스트2</a></li>
        <li><a href="#">리스트3</a></li>
    </ul>
</div>
campaign 추가로 붙는 클래스들은, 필수클래스의 형제(sibling)로 추가합니다.
[필수 클래스]
  • pnt-select--group
[활성화]
  • 셀렉트박스 활성화 시
    • on
  • 옵션박스의 리스트 선택 시
    • on
[상태/크기]
  • 상태
    • form-disable
    • form-must
  • 크기
    • form-h-small
    • form-h-big
[그 외]
  • 아이콘 사용
    • icon-on-left
    • select-icon-only
hide_source

상태

오직 input[text], select만 form-must를 사용합니다.

기본

form-disable

form-must

straighten

크기

기본

form-h-small

form-h-big

check_box

멀티셀렉트 사용

멀티 셀렉트 옵션

트리 셀렉트 옵션

sentiment_satisfied_alt

아이콘 사용

icon-on-left

select-icon-only