Button
기본 형태의 Button UI 디자인 가이드입니다.
복잡한 인터랙션이나 특수한 형태가 필요한 경우, 별도의 커스텀 버튼 가이드를 따릅니다.
Sizes
버튼의 높이를 기준으로 사이즈를 정의합니다.
필요한 경우 w-[너비] 또는 min-w-[너비] 유틸리티 클래스를 함께 사용하여 너비를 조정할 수 있습니다.
| is-xs | is-sm | Default (medium) | is-lg | is-xl |
|---|---|---|---|---|
Variants
기본(Solid) 버튼은 is-primary 컬러 클래스를 추가하여 사용합니다.
| Variant / Color | Default | is-primary | is-secondary |
|---|---|---|---|
| Default | |||
| is-outline |
States
| Variant / State | Default | :disabled / is-disabled |
|---|---|---|
| Default | ||
| is-outline |