Versions Compared

Key

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

Table of Contents

...

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

No

Basic Text FieldInput

Description

1

Default Text FieldInput

일반적인 텍스트 인풋

2

Text Field Input with Tooltip

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

3

Text Field Input with Addon

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

4

Text Field Input with fix

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

...

Status
colourGreen
titlememo
Vertical Text FieldInput

Form이나 Table 내에 있는 텍스트 인풋은 입력 필드 상단에 라벨이 고정된다.

...

Status
colourGreen
titlememo
Required Text FieldInput

텍스트 인풋의 필수 입력 여부 설정은 Platform Console에 있는 스키마 메뉴에서 진행 한다. 필수 입력으로 설정된 텍스트 인풋은 사용자 입력 시 설정 조건에 따라 경고성 Helper Text가 자동 출력 된다.

...

Status
colourRed
titletobe
Text Field Input with Addon : 추후 Addon 셀렉트 기능 필요 (현재는 텍스트만 입력 가능)

...

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

...

Normal

Hover

Active

Disabled

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

Typing

Filled

Success

Error

...

셋팅 옵션

BackOffice Builder의 Text Field Input > Setting > [Option] 설정을 통해 입력 텍스트 인풋의 구성을 변경한다.

...

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

...