| Table of Contents |
|---|
...
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 | ||||
|---|---|---|---|---|
|
Typing | Filled |
|---|---|
 |  |
Success | Error |
 |  |
...
셋팅 옵션
...
텍스트 필드 내에 디폴트 값을 지정하는 기능이다. 사용자는 디폴트 값을 확인하고 그대로 사용하거나, 삭제 및 수정 할 수 있다. 플레이스 홀더 문구보다 상위에 출력된다.
Setting | Result |
 |   |
...
3. Field Size
입력 필드의 사이즈를 비율로 조절할 수 있다.
...
플레이스 홀더는 입력 받을 정보에 대한 부가적인 요청 문구로 정보가 입력되면 사라진다.
Setting | Result |
 |   |
...
5. Helper text (=Comment)
입력 필드 하단에 고정되어 노출되는 도움말 문구이다. 사용자의 입력 성공/실패 여부와 상관 없이 도움말 문구는 고정으로 출력된다.
Setting | Result |
 |  |
...
6. Tooltip
툴팁을 사용하면, 라벨 옆에 물음표 아이콘이 추가되고, 마우스 오버 시 입력한 안내 문구가 출력된다.
...
작업을 사용 할 수 없도록 버튼을 비활성화 시켜야 한다면 Disable 옵션을 ON으로 설정한다.
Setting | Result |
  |  |
...
8. Addon Before/After
...
| Status | ||||
|---|---|---|---|---|
|
...