...
BackOffice Builder는 27개의 입력 컴포넌트를 제공한다.
AutoComplete, Boolean, Cascader, CascaderMultiple, Checkbox, CodeEditor, Color, Date, File, GoogleMap,
HistoryTable, Image, Include, JsonEditor, Location, Map, Number, Password, Radio, Rate,
Select, Slider, Tags, Text, Time, TimeRange, Zipcode
...
<작성중>
No | Component | Description |
---|
1 | Boolean | Image Added 0 ,1 데이터 처리가 필요한 경우 사용 (ex. 토글, 단일 체크박스, Y/N 버튼) |
2 | AutoComplete | Image Added 입력 필드의 자동 완성 기능이 필요한 경우 사용 |
3 | Text Input | Image RemovedImage Added 텍스트 정보를 입력 받을 경우 사용 |
24 | Textarea | Image RemovedImage Added 멀티 라인 텍스트 인풋 박스로 긴 텍스트 입력이 필요 할 경우 사용 |
35 | TextEditor | Image RemovedImage Added 텍스트, 이미지, 영상, 표, 목록, 라인, 에디팅 편집 기능이 필요한 경우 사용 4 |
6 | CodeEditor | Image Added 코딩 텍스트 에디팅 컴포넌트 |
7 | JsonEditor | |
8 | Checkbox | 여러 요소의 데이터의 중복 선택이 필요한 경우 사용 |
59 | Radio | 여러 요소 데이터 중 1개만 선택해야 하는 경우 사용 |
610 | Select | Image RemovedImage Added 창을 펼쳐 여러 정보를 확인하고 선택해야 하는 경우 사용 |
11 | Cascader | Image Added 연관된 데이터 세트에서 쉽게 선택할 수 있도록 다단계 분류가 적용된 셀렉트 박스 |
12 | Number | |
13 | Password | |
14 | File | |
15 | Image | |
16 | Color | |
17 | Location | |
18 | Map | |
19 | Zipcode | |
20 | DatePicker | (옵션으로 → Date Range) |
21 | TimePicker | (옵션으로 → Time Range) |
22 | Slider | |
23 | Rate | |
24 | Tags | |
| | |
| | |
| | |
| | |
| HistoryTable | 컨테이너와 차이 확인 필요 |
| Include | 확인 필요 |
| GoogleMap | 확인 필요 |
7 | Buttons | 사용자의 결정에 대한 정보를 입력 받을 경우 사용 |
8 | Switch | 특정 상태를 ON/OFF 할 경우 사용 |
9 | DatePicker | 날짜 정보를 선택하여 입력해야 하는 경우 사용 |
10 | TimePicker | 시간 정보를 선택하여 입력해야 하는 경우 사용 |
11 | Transfer | 두 개의 데이터 그룹 간의 정보 전송이 필요한 경우 사용 |
12 | Rate | 평가 정보를 표시해야 하는 경우 사용 |
...
...
입력 유형
Input Component는 5가지 유형으로 분류 할 수 있다.
...
No | Elements | Description |
---|
1 | File | | |
| |
2 | Image | | |
| |
3 | ImageEditor | | |
...