Button

주요 액션을 실행하거나, 사용자의 선택을 유도하기 위한 기본 인터랙션 요소입니다.

Controls
Type
Size
Color
Label
Disabled
Use Prefix
Use Suffix

Solid Button

가장 높은 강조도를 가진 기본 형태의 버튼입니다. 배경이 브랜드 컬러나 강조 색상으로 채워져 있으며, 명확한 시각적 위계를 통해 사용자의 주요 행동을 유도합니다.

Color

Active
Disabled

Size

XLarge
Large
Medium
Small
XSmall

Icons

Prefix
Suffix
Both

Outlined Button

Solid보다 시각적 강조도가 낮고 보조 액션에 사용됩니다. 배경색 대신 외곽선과 텍스트로만 구분되어, Solid 버튼과 함께 배치될 때 시각적 위계를 명확히 합니다.

Color

Active
Disabled

Size

XLarge
Large
Medium
Small
XSmall

Icons

Prefix
Suffix
Both

Text Button

가장 간결한 형태의 버튼으로, 시각적 방해를 최소화하고 우선순위가 낮은 액션에 사용됩니다.

Color

Active
Disabled

Thickness

Thick
Thin

FullBleed Button

컨테이너의 너비를 가득 채우는 형태로, 주로 모바일 하단 고정 영역이나 주요 CTA(Call to Action)에 사용합니다.

Size

XLarge
Large

2 Column

XLarge
Large

Disabled

Single
2 Column