Table of Contents |
---|
...
No | Component | Description | ||||||
---|---|---|---|---|---|---|---|---|
1 | Text Field | 텍스트 정보를 입력 받을 경우 사용 | colour | Red|||||
title | needcheck | |||||||
2 | Checkbox | 여러 요소의 중복 선택이 필요한 경우 사용 | ||||||
3 | Radio | 여러 요소 중 1개만 선택해야 하는 경우 사용 | ||||||
4 | Select | 창을 펼쳐 여러 정보를 확인하고 선택해야 하는 경우 사용
| ||||||
5 | Buttons | 사용자의 결정에 대한 정보를 입력 받을 경우 사용 | ||||||
6 | Switch | 특정 상태를 ON/OFF 할 경우 사용 | ||||||
7 | DatePicker | 날짜 정보를 선택하여 입력해야 하는 경우 사용 | ||||||
8 | TimePicker | 시간 정보를 선택하여 입력해야 하는 경우 사용 | ||||||
9 | Transfer | 두 개의 데이터 그룹 간의 정보 전송이 필요한 경우 사용 | ||||||
10 | Rate | 평가 정보를 표시해야 하는 경우 사용 |
Status | |||
---|---|---|---|
|
...
7
...
DatePicker
...
|
명칭 및 종류 확인 필요: Text
, TextArea
, TextEditor
Status | ||||
---|---|---|---|---|
|
...
종류 확인 필요: Select
, SelectModal
, SelectTree
Status | ||||
---|---|---|---|---|
|
...
DatePicker https://ant.design/components/date-picker/
종류 확인 필요
...
: Date
BirthDate
DateRange
DateTime
DateTimeRange
...
8
...
...
https://ant.design/components/time-picker/
...
9
...
Transfer
...
https://ant.design/components/transfer/
...
10
...
...
https://ant.design/components/
...
...
1. 텍스트 필드
사용자가 문자와 숫자를 입력할 수 있는 가장 기본적인 입력 컨트롤이다. 사용자 이름, 이메일주소, 전화번호, 비밀번호와 같은 일반적인 정보부터 상품 금액, 계좌번호, 가격 정보 등 상세한 정보 수집이 필요한 상황에서 범주화 할 수 없는 정보 입력을 요청해야 할 경우 주로 사용된다.
...