가이드
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> |
[필수 클래스]
- pnt-select--group
[활성화]
- 셀렉트박스 활성화 시
- on
- 옵션박스의 리스트 선택 시
- on
[상태/크기]
- 상태
- form-disable
- form-must
- 크기
- form-h-small
- form-h-big
[그 외]
- 아이콘 사용
- icon-on-left
- select-icon-only
상태
오직 input[text], select만 form-must를 사용합니다.
기본
form-disable
form-must
크기
기본
form-h-small
form-h-big
멀티셀렉트 사용
멀티 셀렉트 옵션
트리 셀렉트 옵션
아이콘 사용
icon-on-left
select-icon-only