가이드
1 | <button class="pnt-btn">버튼</button> |
추가로 붙는 클래스들은, 필수클래스의
형제(sibling)로 추가합니다.
[필수 클래스]
- pnt-btn
[상태/크기]
- 비활성화
- form-disable
- 크기
- form-h-small
- form-h-big
[그 외]
- 색상
- btn-brand
- btn-secondary
- btn-danger
- btn-lightgray
- btn-gray
- btn-darkgray
- btn-line
- btn-trans
- 아이콘 사용
- btn-icon
- btn-icon-only
- 그림자
- btn-shadow
상태
기본
form-disable
크기
기본
form-h-small
form-h-big
색상
테마에 문제없이 적용하려면 색상은 필수입니다.
btn-brand
btn-secondary
btn-danger
btn-lightgray
btn-gray
btn-darkgray
btn-line
btn-trans
아이콘 사용
아이콘은 버튼 왼쪽에 위치합니다.
기본
btn-icon
btn-icon-only
그림자
다크테마에선 보이지 않습니다.
기본
btn-shadow