reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui192opt-charts37opt-datagrid7opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview192Core74Shells86Blocks32
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 소개
  • 문의
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/셸/QueryFilterBar

QueryFilterBar

셸

QueryBar와 필터 버튼이 하나의 Query를 공유합니다. 버튼은 상태를 갖지 않고 Query를 읽어 활성 여부를 계산합니다.

filter
관련 문서
npx @reopt-ai/opt-cli surface add query-filter-bar
100%

One query, two ways to write it

(비어 있음)

검색창에 status:archived 를 쳐 보세요 — 상태 필터가 켜집니다.

테스트 커버리지

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

QueryFilterBar 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

관련 컴포넌트

SearchCombobox

match-sorter 기반 퍼지 검색 콤보박스.

필터

FilterBar

필터링 바 컴포넌트. 검색, 선택, 다중 선택 필터 지원.

필터

SegmentBuilder

세그먼트 빌더. 각 조건 컨트롤의 접근 가능한 이름을 유지하며 event, property, cohort, custom 세그먼트를 정의합니다.

필터

AsyncCombobox

비동기 검색 콤보박스. 디바운스 + 로딩 스피너와 stale response 방어를 내장합니다.

필터

ColumnToggler

테이블 컬럼 표시/숨김 토글러. Popover + Checkbox 리스트입니다.

필터

BulkActions

일괄 작업 바. 선택 카운트 배지 + DropdownMenu 액션 목록 + 해제 버튼.

필터
이전InspectorLayout다음CatalogFrame

기본 사용

패키지 검색

기본 사용

검색 필터만

Segment group 1
Matchof the following
Condition 1.1
Condition 1.2

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

Visible: name, email, role

3 selected