reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui202opt-charts39opt-datagrid7opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview202Core74Shells96Blocks32
reopt designreopt design

A design system for the AI era

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

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

© 2026 reopt Inc. All rights reserved.

Explore/Shells/CriteriaBuilder

CriteriaBuilder

Shell

도메인 무관 2단계 조건 트리 편집기. 그룹 AND/OR, 순서·복제·부정·오류를 셸이 맡고 조건 문장은 소비자가 Expression 칩으로 렌더링합니다.

Related docs
npx @reopt-ai/opt-cli surface add criteria-builder
100%

세그먼트 정의

그룹 결합 방식
AG조건 추가 · 그룹 추가
그룹 A
A
그룹 A 조건 결합 방식
조건 A.1
그리고
조건 A.2
그리고
그룹 B
B
그룹 B 조건 결합 방식
조건 B.1
또는
조건 B.2
예상 사용자2,204전체 48,200명 중데모용 추정치입니다. 실제 제품에서는 쿼리 결과를 보여줍니다.
비율4.6%

컴포넌트 의존 관계

깊이
▼ USES (6)CriteriaBuildersegmented-controldropdown-menubuttoncalloutempty-statekbd

테스트 커버리지

2026년 7월 9일

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

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

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

키보드 동작

키동작
A포커스된 그룹에 조건 추가 메뉴 열기
G그룹 추가

Related components

Callout

페이지에 머무는 인페이지 고지. Alert와 달리 dismiss가 없고, 조건이 참인 동안 레이아웃의 일부로 남습니다.

SegmentedControl

선택지를 모두 보여주는 단일 선택 컨트롤. radio-group 프리미티브 위에 올려 화살표 키가 동작합니다.

FaqAccordion

FAQ 질문/답변 아코디언. Composite + Disclosure 조합.

Display

PageAside

Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot.

EnvPanel

환경변수 패널. Disclosure로 환경별 그룹 접기/펼치기, Composite로 변수 탐색.

Display

BranchSelect

Git 브랜치 선택 드롭다운. Select primitive 래퍼.

Display
PreviousSegmentBuilderNextInsightsPanel

Tones

정리할 신규 이벤트 12개

7일 안에 처음 관측된 이벤트입니다.

카탈로그가 최신입니다

마지막 push 이후 드리프트가 없습니다.

표본 기반 수치

최근 10,000행에서 계산했습니다.

롤업이 재계산 중입니다

완료될 때까지 시간별 브레이크다운이 뒤처집니다.

보관된 이벤트는 목록에서 빠집니다

상태 필터에서 "보관"을 골라야 보입니다.

With an action

정리할 신규 이벤트 12개

이름과 상태를 붙이면 분석 화면에서 제대로 읽힙니다.

Body only, no glyph

이 목록은 최근 30일 안에 수신된 이벤트만 셉니다.

Catalog tabs

Sizes and full width

Disabled segment

기본 사용

Header + Nav + Footer 3-slot

Docs

설치
빠른 시작
토큰
Shells

4 sections

메인 콘텐츠 영역

Header / Footer 없이 Nav만

설치
빠른 시작
토큰
Shells
콘텐츠

Slot padding override — headerClassName / bodyClassName

Explore

넓은 header padding으로 타이틀+부연 설명 레이아웃

설치
빠른 시작
토큰
Shells

12 components

콘텐츠

기본 사용

기본 사용

선택된 브랜치: main