Combobox 컴포넌트

검색 기능이 있는 드롭다운 선택 컴포넌트입니다.

기본 사용법

기본 Combobox

폰트 크기

컬러 바리언트

레이블과 설명

레이블이 있는 Combobox

특징: 레이블이 상단에 배치됩니다.

왼쪽 레이블이 있는 Combobox

특징: 레이블이 왼쪽에 배치됩니다.

설명이 있는 Combobox

프로젝트에서 사용할 기본 프로그래밍 언어를 선택하세요.

특징: 입력 필드 아래에 작은 설명 텍스트가 표시됩니다.

오류가 있는 Combobox

필수 항목입니다. 선택해주세요.

특징: 값을 선택하면 오류 메시지가 사라집니다. 초기화 버튼을 누르면 오류가 다시 표시됩니다.

상태

비활성화된 Combobox

특징: 사용자가 상호작용할 수 없는 비활성화 상태입니다.

필수 입력 Combobox

특징: 필수 입력 필드로 표시되며, 저장 버튼을 클릭하면 값이 선택되지 않은 경우 오류가 표시됩니다.

검색 기능

자동 검색

타이핑하면 자동으로 검색됩니다.

특징: 타이핑하는 대로 검색 결과가 필터링됩니다.

수동 검색 (Enter/Tab 키 사용)

Enter 또는 Tab 키를 누르면 검색됩니다.

특징: Enter 또는 Tab 키를 누르면 검색이 실행됩니다.

초기화 가능한 Combobox

선택 후 X 버튼을 클릭하여 값을 초기화할 수 있습니다.

특징: 값을 선택한 후 X 버튼을 클릭하여 선택을 초기화할 수 있습니다.

번호로 선택 가능한 Combobox

1~9 키를 누르면 해당 번호의 항목이 선택됩니다

특징: 키보드의 1~9 키를 누르면 해당 번호의 항목이 바로 선택됩니다.