reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

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

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

© 2026 reopt Inc. All rights reserved.

Explore/Blocks/SettingsPanel

SettingsPanel

Block

설정 페이지의 사이드바 + 콘텐츠 레이아웃. SidebarNav + children 슬롯 조합.

Related docs
npx @reopt-ai/opt-cli block add settings-panel
100%

기본 사용

프로젝트 설정

일반 설정

프로젝트의 기본 정보를 관리합니다.

프로젝트 정보

위험 구역

프로젝트 삭제

이 작업은 되돌릴 수 없습니다.

컴포넌트 의존 관계

깊이
▼ USES (1)SettingsPanelloading-overlay

테스트 커버리지

2026년 7월 9일

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

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

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

Related components

ProjectSettings

프로젝트 설정 Surface. SettingsForm + DataTable + CodeSnippetViewer + Retention Policy + Cleanup Preview + Storage Usage 조합.

Display

CustomDashboard

커스텀 대시보드 Surface. WidgetGrid + ReportBuilder + ReportWidget + FilterBar 조합.

Display

DebugWorkspace

E2E 테스트 디버깅 워크스페이스. 2-pane 레이아웃 — 사이드바 테스트 목록 + 탭 콘텐츠 뷰어 (Video/Screenshots/Network/Console/Trace).

Display

VisualDiffManager

스크린샷 비주얼 리그레션 관리 + 승인 워크플로우. 3-column 레이아웃 — 스냅샷 리스트 + 이미지 diff 뷰어.

Display

UserDetail

사용자 상세 프로필 Surface. Avatar + StatCard + GaugeChart + Progress + DataTable + FilterBar 조합.

Display

ProjectOverview

프로젝트 개요 Surface. SummaryRow + NavCards + LineChart + BarChart + DataTable + CodeSnippetViewer + Dashboard CRUD 조합.

Display
PreviousProjectDashboardNextTaskDashboard

기본 사용

Project Settings

Project Settings

API Keys

Data Table

NameAPI KeyCreated
Productionpk_live_abc123...2024-01-15
Developmentpk_test_xyz789...2024-02-01

SDK Integration

Installation
1npm install @reopt-ai/sdk\n\nimport { init } from '@reopt-ai/sdk';\ninit({ apiKey: 'pk_live_abc123' });