Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

텍스트 인풋은 가장 기본적인 사용자 입력 컨트롤이다. 사용자의 이름, 이메일주소, 전화번호, 비밀번호와 같은 일반적인 정보부터 상품 금액, 계좌번호, 가격 정보 등 상세한 정보 수집이 필요한 상황에서 범주화 할 수 없는 정보 입력을 요청해야 할 경우 주로 사용된다.

...

텍스트 인풋의 크기는 아래와 같이 3가지로 선택 할 수 있다.

Setting

Result

https://ionsdp.atlassian.net/browse/ICE4-2002 ❤︎ 텍스트 인풋의 사이즈 조절은 Form 내에서만 확인 가능

Label(버튼이름)에 입력된 텍스트 길이에 따라 입력 필드의 가로 길이는 가변적으로 변한다. 만약 고정 사이즈의 입력 필드가 필요하다면, Fixed Field Size를 조절하여 직접 사이즈를 지정 할 수도 있다.

...

입력 필드의 사이즈를 비율로 조절할 수 있다.

❤︎ 텍스트 인풋의 필드 사이즈 조절은 Form 내에서만 확인 가능

3. Placeholder

플레이스 홀더는 입력 받을 정보에 대한 부가적인 요청 문구로 정보가 입력되면 사라진다.

...

Status
colourRed
titleneed check
Limit Message 삭제 필요

설정시 문구 미출력, Text Limit 글자수 조건에 맞지 않으면 입력 불가

...

Status
colourRed
titletobe
Text Input with fixText : 추후 아이콘 추가 기능 필요 (현재는 텍스트만 입력 가능)

...

Status
colourRed
titletobe
추후 Clear Button, Success/Error 아이콘 표시 설정 옵션 필요

Filled

Success

Error