reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui205opt-charts40opt-datagrid9opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
reopt designreopt design

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

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

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

© 2026 reopt Inc. All rights reserved.

Explore/opt-shell/Pattern Search
Searchopt-shell 예제

Pattern Search

searchShellPatterns로 recipe, slot, policy, adapter, audit-rule, anti-pattern 패턴을 키워드 검색합니다.

patternsearchindexagent
bun add @reopt-ai/opt-shell
searchShellPatterns
1024px

Pattern Search

하네스 패턴 인덱스를 키워드로 검색합니다.

8 results / 60 indexed
recipeListWorkspace recipe

Collection browsing is the primary user action. Scan, filter, and bulk-operate on rows of data.

<ListWorkspace header={...} content={...} />
adapterShellDataGridAdapter

Wraps opt-datagrid with harness chrome (card/plain styling), loading/empty/error states, and inspect snapshots.

<ShellDataGridAdapter rows={rows} columns={columns} getRowId={getRowId} empty={emptyState} status={statusFooter} />
slotheader slot (list)

Required slot "header" in the list recipe.

<ListWorkspace header={<YourComponent />} />
slotcontent slot (list)

Required slot "content" in the list recipe.

<ListWorkspace content={<YourComponent />} />
slottoolbar slot (list)

Optional slot "toolbar" in the list recipe.

<ListWorkspace toolbar={<YourComponent />} />
slotfilters slot (list)

Optional slot "filters" in the list recipe.

<ListWorkspace filters={<YourComponent />} />
slotaside slot (list)

Optional slot "aside" in the list recipe.

<ListWorkspace aside={<YourComponent />} />
slotfooter slot (list)

Optional slot "footer" in the list recipe.

<ListWorkspace footer={<YourComponent />} />

관련 예제

opt-shell

Bottom Bar

opt-shell - Layout

Examples
ShellProviderShellBottomBar
opt-shell

Completeness Score

opt-shell - Scoring

Examples
computeCompletenessScore
opt-shell

Coverage Report

opt-shell - Scoring

Examples
computeShellCoverage
이전Coverage Report