...
No | Component | Description |
---|
1 | Text Field | 텍스트 정보를 입력 받을 경우 사용 |
2 | Text Area | Image RemovedImage Added 멀티 라인 텍스트 인풋 박스로 긴 텍스트 입력이 필요 할 경우 사용 |
3 | Text Editor | Image RemovedImage Added 텍스트, 이미지, 영상, 표, 목록, 라인, 에디팅 편집 기능이 필요한 경우 사용 |
4 | Checkbox | 여러 요소의 중복 선택이 필요한 경우 사용 |
5 | Radio | 여러 요소 중 1개만 선택해야 하는 경우 사용 |
6 | Select | 창을 펼쳐 여러 정보를 확인하고 선택해야 하는 경우 사용 |
7 | Buttons | 사용자의 결정에 대한 정보를 입력 받을 경우 사용 |
8 | Switch | 특정 상태를 ON/OFF 할 경우 사용 |
9 | DatePicker | 날짜 정보를 선택하여 입력해야 하는 경우 사용 |
10 | TimePicker | 시간 정보를 선택하여 입력해야 하는 경우 사용 |
11 | Transfer | 두 개의 데이터 그룹 간의 정보 전송이 필요한 경우 사용 |
12 | Rate | 평가 정보를 표시해야 하는 경우 사용 |
※ Free Icon 출처: https://thenounproject.com
Text https://ant.design/components/input/명칭 확인 필요 ~ 그냥 Text만 입력하는 컴포넌트와 헷갈릴 수 있음으로 Text Field로 변경
...
Select https://ant.design/components/select/종류 확인 필요: Select
, SelectModal
, SelectTree
...
DatePicker https://ant.design/components/date-picker/종류 확인 필요 : Date
BirthDate
DateRange
DateTime
DateTimeRange
...