Textarea

Textarea는 사용자가 여러 줄의 텍스트를 입력 할 수 있도록 텍스트 입력 영역을 제공하는 컴포넌트이다. 텍스트 입력 영역에는 개수의 제한 없이 문자를 입력할 수 있으며, 입력된 문자는 고정폭 글꼴로 렌더링 된다.

( 참고: Input Component | Common options )

Basic

Textarea의 기본 UI는 다음과 같다.

Open

Auto Size

Textarea의 입력필드는 기본적으로 사이즈 고정이다. 입력이 많아지면 우측에 스크롤이 자동으로 생성된다. 만약 스크롤을 사용하지 않고, 입력 필드 높이를 가변적으로 점점 늘어나도록 설정하고 싶다면 Auto Size{ON}을 설정하자.

Open

Min/Max Rows 옵션에서 입력 필드의 Min Rows(Default)와 Max Rows 개수를 직접 입력하여 설정 할 수 있다.

Max Rows를 설정하면, 입력 받은 텍스트 길이가 많아져도 최대 Rows 만큼의 입력 필드 높이를 유지한다.

Text Limit

입력 받을 텍스트 길이에 제한 조건을 설정 할 수 있다. (참고 : Text | Text Limit )