Summary

BackOffice Builder는 32개의 입력 컴포넌트를 제공한다.

No	Component	Description
1	Boolean	`true`,`false` 데이터를 처리 할 경우 사용 (ex. 토글, 단일 체크박스, Y/N 버튼)
2	AutoComplete	입력 필드의 자동 완성 기능이 필요한 경우 사용
3	Text Input	텍스트 정보를 입력 받을 경우 사용
4	Textarea	멀티 라인 텍스트 인풋 박스로 긴 텍스트 입력이 필요 할 경우 사용
5	TextEditor	텍스트, 이미지, 영상, 표, 목록, 라인, 에디팅 편집 기능이 필요한 경우 사용
6	CodeEditor	코딩 기능이 필요한 경우 사용
7	JsonEditor	코딩 기능 중 Json이 필요한 경우 사용
8	Include	Include Type으로 컴포넌트와 아이프레임이 필요한 경우 사용
9	Checkbox	여러 데이터의 중복 선택이 필요한 경우 사용
10	Radio	여러 데이터 중 1개만 선택해야 하는 경우 사용
11	Cascader	연관된 데이터 세트에서 쉽게 선택할 수 있도록 다단계 분류가 적용된 셀렉트 박스
12	CascaderMultiple	여러가지 데이터를 Cascader로 선택해야 하는 경우 사용
13	Number	숫자 입력이 필요한 경우 사용
14	Select	창을 펼쳐 여러 정보를 확인하고 선택해야 하는 경우 사용
15	SelectTree	트리형 데이터를 선택하는 경우 사용
16	SelectModal	Modal에서 데이터 검색을 하여 선택하는 경우 사용
17	Password	비밀번호를 입력받는 경우 사용
18	Color	칼라 선택이 필요한 경우 사용
19	File	파일 업로드가 필요한 경우 사용
20	Image	이미지 파일 업로드가 필요한 경우 사용
21	Zipcode	우편번호 검색 기능을 가진 컴포넌트
22	Location	주소를 입력 받는 경우 사용
23	Map	지도 입력이 필요한 경우 사용
24	GoogleMap	구글 지도 입력이 필요한 경우 사용
25	Date	날짜 정보를 선택하여 입력해야 하는 경우 사용
26	Date Range	시작 날짜와 종료 날짜를 선택하여 입력 받아야 하는 경우 사용
27	Time	시간 정보를 선택하여 입력해야 하는 경우 사용
28	Time Range	시작 시간과 종료 시간을 선택하여 입력 받아야 하는 경우 사용
29	Slider	미리 정해진 범위 내의 숫자값을 선택하여 입력받는 경우 사용
30	Rate	평가 정보를 표시해야 하는 경우 사용
31	Tags	분류 또는 마크업을 위한 태그 지정이 필요한 경우 사용
32	HistoryTable	컨테이너와 차이 확인 필요

Input Status

입력 컴포넌트의 상태는 아래와 같이 4가지로 표현된다.

Normal	Hover

Active	Disabled

Preview

입력 컴포넌트는 입력 타입에 따라 6가지로 분류 할 수 있으며, 컴포넌트가 실제 화면에 출력되는 UI는 다음과 같다.

No	Type	Components
1	문자형(String)	AutoComplete, Text, Textarea, TextEditor, Password, Tags
2	선택형(Select)	Boolean, Checkbox, Radio, Cascader, Select
3	삽입형(Insert)	File, Image
4	숫자형(Number)	Number, Rate, Slider, Color
5	날짜/시간형(Date/Time)	Date, DateRange, Time, TimeRange
6	위치형(Place)	Zipcode, Location, Map, GoogleMap
7	특수형(Special)	CodeEditor, JsonEditor, Include