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