Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

...

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

Status
colourRed
titleneed check

...