KO

TextArea Examples

success message
0/100

최대 100자까지 입력 가능합니다.

0/100
필수 입력 항목입니다.
15/100

안녕하세요

@naver.com
success message

안녕하세요

@naver.com
success message

Radio Buttons

Radio Sorting

Step Indicator

Full Width

단계 제목
2
단계 제목
3
단계 제목
4
단계 제목
5
단계 제목

Fixed Width

단계 제목
2
단계 제목
3
단계 제목
4
단계 제목
5
단계 제목

Compact (Mobile)

2
3
4
5

123

TYPOGRAPHY

display-large(60px)

display-medium(44px)

display-small(36px)

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

heading-xxsmall

body-large

body-medium

body-small

body-xsmall

body-large-bold

body-medium-bold

body-small-bold

body-xsmall-bold

label-large

label-medium

label-small

label-xsmall

navigation-title-medium(18px)

navigation-title-small(16px)

navigation-depth-medium-bold(16px)

navigation-depth-medium(16px)

navigation-depth-small

navigation-depth-small-bold

sat-large

sat-medium

sat-small

text-primary

border-primary text-error

text-basic border-transparency

border-inverse

border-disabled

border-gray-light

border-gray

border-primary-light

border-primary

border-secondary-light

border-secondary

border-accent-light

border-accent

gap-layout-header-breadcrumb(24px)

gap-layout-header-breadcrumb(24px)

gap-layout-left-contents(64px)

gap-layout-left-contents(64px)

gap-layout-contents-right(40px)

gap-layout-contents-right(40px)

gap-layout-contents-footer(64px)

gap-layout-contents-footer(64px)

gap-layout-breadcrumb-h1(40px)

gap-layout-breadcrumb-h1(40px)

gap-layout-h1-h2(48px)

gap-layout-h1-h2(48px)

gap-layout-h2-h2(80px)

gap-layout-h2-h2(80px)

gap-layout-h2-h3(40px)

gap-layout-h2-h3(40px)

gap-layout-h3-h3(64px)

gap-layout-h3-h3(64px)

gap-layout-h3-h4(24px)

gap-layout-h3-h4(24px)

gap-layout-h4-h4(40px)

gap-layout-h4-h4(40px)

gap-layout-h4-h5(16px)

gap-layout-h4-h5(16px)

gap-layout-h5-h5(32px)

gap-layout-h5-h5(32px)

gap-layout-title-body-large(24px)

gap-layout-title-body-large(24px)

gap-layout-title-body-medium(20px)

gap-layout-title-body-medium(20px)

gap-layout-title-body-small(16px)

gap-layout-title-body-small(16px)

gap-layout-text-text-large(20px)

gap-layout-text-text-large(20px)

gap-layout-text-text-medium(16px)

gap-layout-text-text-medium(16px)

gap-layout-text-text-small(14px)

gap-layout-text-text-small(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-medium-bold(16px)

gap-layout-text-text-medium-bold(16px)

gap-layout-text-text-large-bold(20px)

gap-layout-text-text-large-bold(20px)

gap-layout-text-text-medium-bold(16px)

gap-layout-text-text-medium-bold(16px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

gap-layout-text-text-small-bold(14px)

러닝보드