전체 컴포넌트

대표 이미지는 형태를 알아보기 쉽게 확대했습니다. 실제 크기는 상세 예제에서 확인하세요.
이미지는 React 예제입니다. 각 문서에서 선택한 플랫폼의 예제를 직접 조작할 수 있습니다. 플랫폼별 지원 범위

Inputs

Checkbox

단일 여부 또는 배열에 포함되는 선택값을 변경합니다.

Inputs

Combobox

입력한 조건에 맞는 옵션을 검색하고 선택합니다.

Inputs

DatePicker

허용 날짜 범위 안에서 날짜 문자열을 선택합니다.

Inputs

FilterGroup

단일 또는 복수 필터 조건을 선택합니다.

Inputs

FormGroup

라벨·필수 표시·안내·오류를 입력 컨트롤과 연결합니다.

Inputs

Input

한 줄 입력, 앞뒤 콘텐츠, 지우기와 오류 상태를 표현합니다.

Inputs

QuantityStepper

직접 입력과 증감 버튼으로 수량을 조절합니다.

Inputs

Radio

RadioGroup의 단일 선택 항목을 구성합니다.

Inputs

RadioGroup

서로 배타적인 선택지를 옵션 또는 자식으로 구성합니다.

Inputs

RangeSlider

두 손잡이로 값의 시작과 끝을 선택합니다.

Inputs

SearchInput

검색 지연, 요청 취소, 늦은 응답 무시와 결과 선택을 담당합니다.

Inputs

Select

단일·복수 선택, 검색과 비활성 항목을 지원합니다.

Inputs

Slider

한 값을 가로 슬라이더로 조절합니다.

Inputs

Switch

즉시 적용되는 켜짐·꺼짐 상태를 변경합니다.

Inputs

Textarea

여러 줄의 텍스트를 입력합니다.

Inputs

TimePicker

시·분 또는 시·분·초를 선택해 하루 안의 시각을 입력합니다.