reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
Overview205Core74Shells99Blocks32
AsyncCombobox
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

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

© 2026 reopt Inc. All rights reserved.

AsyncCombobox

Shell

Search asynchronously with built-in debouncing, loading feedback, and stale-response protection.

filter
Related docs
bun add @reopt-ai/opt-ui
Install and import
bash
bun add @reopt-ai/opt-ui
tsx
import { AsyncCombobox } from "@reopt-ai/opt-ui";

Live preview

Change the width and theme, then interact with the components.

100%

한 글자를 입력해 로딩이 시작된 뒤 두 번째 글자를 입력해 보세요. 먼저 시작한 느린 응답이 나중에 도착해도 최신 검색 결과를 덮어쓰지 않습니다.

AsyncCombobox

PropTypeDefaultDescription
onSearchRequired(query: string) => Promise<string[]>—검색 콜백
debounceMsnumber300디바운스 ms
minCharsnumber1최소 검색 글자 수
placeholderstring"Search…"플레이스홀더
onSelect(value: string) => void—선택 콜백
labelsAsyncComboboxLabels—input/loading/noResults/placeholder 문구
loadingTextstring—로딩 문구

컴포넌트 의존 관계

깊이
▼ USES (2)AsyncComboboxcomboboxspinner
View test results

테스트 커버리지

2026년 7월 9일2/2 통과
2성공
0실패
2전체
  • 검색어가 최소 길이에 도달하면 debounce 후 결과를 표시하고 선택을 전달한다
  • 느린 이전 검색 응답이 최신 결과를 덮어쓰지 않는다

Related components

opt-ui

SearchCombobox

Shells

Search options with match-sorter fuzzy matching in a combobox.

opt-ui

FilterBar

Shells

Filter a view with search, single-selection, and multiple-selection controls.

opt-ui

SegmentBuilder

Shells

Define event, property, cohort, or custom segments with accessible condition controls.

opt-ui

ColumnToggler

Shells

Choose visible table columns from a popover of checkboxes.

opt-ui

BulkActions

Shells

Act on selected items with a count badge, action dropdown, and clear-selection button.

opt-ui

SavedFilters

Shells

Save and browse filter presets with keyboard navigation and deletion confirmation in a popover.

PreviousConfirmDialogNextVerticalTabs