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/State Boundary
Stateopt-shell 예제

State Boundary

loading, empty, error 상태를 ShellStateBoundary로 통일해 화면 별 copy와 상태 카드 리듬을 고정합니다.

loadingemptyerror
bun add @reopt-ai/opt-shell @reopt-ai/opt-ui
ShellProviderShellStateBoundary
1024px
데이터가 성공적으로 로드되었습니다.

관련 예제

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
이전Landing Page다음Policy Toggler