Textarea

Textarea 컴포넌트는 여러 줄의 텍스트 입력이 필요한 경우 사용됩니다. 사용자 의견 수렴, 피드백, 설명 작성 등 자유로운 서술이 필요한 입력 영역으로 활용됩니다.

Textarea

Textarea 컴포넌트는 여러 줄의 텍스트 입력이 필요한 경우 사용됩니다. 사용자 의견 수렴, 피드백, 설명 작성 등 자유로운 서술이 필요한 입력 영역으로 활용됩니다.

Textarea

Textarea 컴포넌트는 여러 줄의 텍스트 입력이 필요한 경우 사용됩니다. 사용자 의견 수렴, 피드백, 설명 작성 등 자유로운 서술이 필요한 입력 영역으로 활용됩니다.

Anatomy

ESSENTIAL

1. 입력 필드

사용자가 텍스트를 입력하는 기본 입력 영역입니다.

OPTIONAL

2. 레이블 텍스트

입력 항목의 제목 역할을 합니다. 선택적으로 표시할 수 있습니다.

2. 워드 리밋

최대 입력 가능한 글자 수를 알려주는 영역입니다.

Anatomy

ESSENTIAL

1. 입력 필드

사용자가 텍스트를 입력하는 기본 입력 영역입니다.

OPTIONAL

2. 레이블 텍스트

입력 항목의 제목 역할을 합니다. 선택적으로 표시할 수 있습니다.

2. 워드 리밋

최대 입력 가능한 글자 수를 알려주는 영역입니다.

Anatomy

ESSENTIAL

1. 입력 필드

사용자가 텍스트를 입력하는 기본 입력 영역입니다.

OPTIONAL

2. 레이블 텍스트

입력 항목의 제목 역할을 합니다. 선택적으로 표시할 수 있습니다.

2. 워드 리밋

최대 입력 가능한 글자 수를 알려주는 영역입니다.

State

Control

variant

default

focused

has value

label

word limit

Control

variant

default

focused

has value

label

word limit

Control

variant

default

focused

has value

label

word limit

Properties

size

L, S

state

disabled, default

variant

read only, default

has value

false, true

focused

false, true

label

false, true

word limit

false, true

placeholder

string

Properties

size

L, S

state

disabled, default

variant

read only, default

has value

false, true

focused

false, true

label

false, true

word limit

false, true

placeholder

string

Properties

size

L, S

state

disabled, default

variant

read only, default

has value

false, true

focused

false, true

label

false, true

word limit

false, true

placeholder

string

Spec

Customization

  • 레이블 텍스트는 옵션이며 숨길 수 있습니다.

  • 최대 글자 수 설정값을 변경할 수 있으며
    숨길 수 있습니다.


Height

Min-height는 2줄 이상 작성할 수 있는 정도로
설정해 주세요.


Spec

Customization

  • 레이블 텍스트는 옵션이며 숨길 수 있습니다.

  • 최대 글자 수 설정값을 변경할 수 있으며 숨길 수 있습니다.

Height

Min-height는 2줄 이상 작성할 수 있는 정도로 설정해 주세요.

Spec

Customization

  • 레이블 텍스트는 옵션이며 숨길 수 있습니다.

  • 최대 글자 수 설정값을 변경할 수 있으며
    숨길 수 있습니다.


Height

Min-height는 2줄 이상 작성할 수 있는 정도로
설정해 주세요.


Usage

Do

충분한 내용을 입력받아야 할 경우, 높이를 넉넉하게 설정해 주세요.

Don't

Textfield와 오해하지 않도록 최소 3줄 이상의 높이를 설정해야 합니다.

Usage

Do

충분한 내용을 입력받아야 할 경우, 높이를 넉넉하게 설정해 주세요.

Don't

Textfield와 오해하지 않도록 최소 3줄 이상의 높이를 설정해야 합니다.

Usage

Do

충분한 내용을 입력받아야 할 경우, 높이를 넉넉하게 설정해 주세요.

Don't

Textfield와 오해하지 않도록 최소 3줄 이상의 높이를 설정해야 합니다.

©Codeit

Contact Us

©Codeit

Contact Us

©Codeit

Contact Us