Versions Compared

Key

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

Table of Contents

...

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

...

UI 유형

텍스트 인풋의 유형은 4가지로 구분한다.

No

Basic Text Field

Description

1

Default Text Field

일반적인 텍스트 인풋

2

Text Field with Tooltip

툴팁을 함께 사용하는 텍스트 인풋

3

Text Field with Addon

입력 받아야하는 문구 중 고정 내용을 애드온으로 표시

4

Text Field with fix

입력 필드 내에 고정 문구를 prefix, suffix로 표시

...

Normal

Hover

Active

Disabled

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

Typing

Filled

Success

Error

...

셋팅 옵션

...

Status
colourRed
titleneed check
Limit Message 삭제 필요(설정시 문구 미출력, Text Limit 글자수 조건에 맞지 않으면 입력 불가)

...