reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/Core/Select

Select

Component

드롭다운 선택 컴포넌트. 5-part anatomy: Root, Label, Trigger, Popover, Item.

input
Related docs
bun add @reopt-ai/opt-ui
100%

기본 사용

여러 Select

다중 선택

선택됨: react, svelte

컴포넌트 의존 관계

깊이
▲ USED BY (5)status-selectbranch-selectfilter-barcomparison-selectorchat-inputSelect

테스트 커버리지

2026년 7월 9일4/4 통과
4성공
0실패
4전체
  • 트리거를 렌더링한다
  • multiple 모드: 여러 옵션을 선택하고 listbox가 열린 채 유지된다
  • multiple 모드: 선택된 옵션을 다시 누르면 해제된다
  • name이 있으면 선택값마다 hidden input을 렌더링한다

키보드 동작

키동작
↑ ↓옵션 탐색
Enter / Space옵션 선택
Esc팝오버 닫기
문자 입력Typeahead 탐색

Related components

Combobox

자동완성 검색 입력. 7 exports: Root, Input, Popover, Item, Group, GroupLabel, Empty.

Input

Button

접근성 버튼 컴포넌트. 4가지 변형(primary, secondary, ghost, danger), 3가지 크기, 로딩/아이콘과 aria-busy 상태를 지원합니다.

Input

Input

독립적인 텍스트 입력 컴포넌트. 레이블, 에러, 힌트, 아이콘 지원.

Input

Switch

토글 스위치 컴포넌트. 3가지 크기와 레이블/설명의 명시적 접근성 연결을 지원합니다.

Input

Textarea

멀티라인 텍스트 입력. Input과 동일한 API (label, error, hint).

Input

Checkbox

독립적인 체크박스 컴포넌트. 레이블, 설명, 그룹과 DOM property까지 동기화되는 indeterminate 상태를 지원합니다.

Input
PreviousTabsNextDialog

기본 사용

그룹화

Variants

Sizes

States

Loading & Disabled

With Icons

Basic

With Hint

8자 이상 입력하세요

영문, 숫자만 사용 가능

Error State

이미 사용 중인 이름입니다

올바른 이메일 형식이 아닙니다

With Icons

원

Basic

알림 받기

새로운 업데이트를 알림으로 받습니다.

다크 모드

어두운 테마를 사용합니다.

마케팅 수신

프로모션 및 이벤트 정보를 받습니다.

Sizes

Small
Medium
Large

Disabled

Off (disabled)
On (disabled)

Without Label

Basic

With Hint

500자 이내로 작성하세요

Error State

필수 입력 항목입니다

Resize Options

Basic

서비스 이용을 위해 약관에 동의해주세요.

Sizes

Indeterminate

CheckboxGroup

관심 분야

달콤한 사과

부드러운 바나나

상큼한 오렌지

Horizontal Layout

알림 설정