Primary Button
ESSENTIAL
레이블
OPTIONAL
아이콘
Buttons
Primary Button은 제출, 확인, 구매, 등록 등 주요 행동 유도, 결정할 때 사용합니다.
Buttons
Primary Button은 제출, 확인, 구매, 등록 등 주요 행동 유도, 결정할 때 사용합니다.
Buttons
Primary Button은 제출, 확인, 구매, 등록 등 주요 행동 유도, 결정할 때 사용합니다.
Primary Button
ESSENTIAL
레이블
OPTIONAL
아이콘
Primary Button
ESSENTIAL
레이블
OPTIONAL
아이콘
State
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Properties
Content
Properties
Content
Properties
Content
Spec
Content
Spec
Content
Spec
Width
1~2자리 숫자는 동일한 너비를 유지하고, 3자리 이상 숫자부터 버튼 너비가 유동적으로 늘어납니다.
Alignment
4 페이지 이상부터 선택된 페이지가 항상 가운데 위치하게 됩니다. 클릭 횟수를 줄여 사용성을 높입니다.
Secondary Button
ESSENTIAL
ㅏㅜㅏㅓㅏㅏ
OPTIONAL
Secondary Button
ESSENTIAL
ㅏㅜㅏㅓㅏㅏ
OPTIONAL
Secondary Button
ESSENTIAL
ㅏㅜㅏㅓㅏㅏ
OPTIONAL
State
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Properties
size | L, S |
Properties
size | L, S |
Properties
size | L, S |
Usage
Do
모든 콘텐츠 아래 중앙 정렬하여 사용합니다.
Don't
첫 페이지에 First 버튼을 사용할 수 없습니다.
Usage
Do
모든 콘텐츠 아래 중앙 정렬하여 사용합니다.
Don't
첫 페이지에 First 버튼을 사용할 수 없습니다.
Usage
Do
모든 콘텐츠 아래 중앙 정렬하여 사용합니다.
Don't
첫 페이지에 First 버튼을 사용할 수 없습니다.
Tertiary Button
ESSENTIAL
OPTIONAL
Tertiary Button
ESSENTIAL
OPTIONAL
Tertiary Button
ESSENTIAL
OPTIONAL
State
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Properties
size | L, S |
Properties
size | L, S |
Properties
size | L, S |
Text Button
ESSENTIAL
OPTIONAL
Text Button
ESSENTIAL
OPTIONAL
Text Button
ESSENTIAL
OPTIONAL
State
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Control
state
default
hover
disabled
Left Icon
Right Icon
Properties
size | L, S |
Properties
size | L, S |
Properties
size | L, S |
Icon Button
ESSENTIAL
OPTIONAL
Icon Button
ESSENTIAL
OPTIONAL
Icon Button
ESSENTIAL
OPTIONAL
State
Control
state
default
hover
disabled
Control
state
default
hover
disabled
Control
state
default
hover
disabled
Properties
size | L, S |
Properties
size | L, S |
Properties
size | L, S |
©Codeit
Contact Us
©Codeit
Contact Us
©Codeit
Contact Us