reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Start
Overview
Start
Mission
Core Concepts
Core Concepts
Recipes
Adapters
Build & Operate
Agent Contract
Builder Rollout
Builder Shell Presets
Rollout Playbook
Components · Workspaces
ShellPage
ListWorkspace
DetailWorkspace
EditorWorkspace
DashboardWorkspace
LandingWorkspace
Components · Layout
ShellProvider
ShellAppShell
ShellLandingPage
ShellFullscreenToolSurface
Components · Navigation
ShellCollapsibleNav
ShellNavItem
ShellNavGroup
ShellNavAccordion
Components · Panels
ShellResizableLayout
ShellResizeHandle
ShellBottomBar
ShellFlyoutAside
ShellHeaderStackProvider
Components · Helpers
ShellSection
ShellStateBoundary
ShellSpacing
ShellPolicyToggler
Components · Adapters
ShellDataGridAdapter
ShellEditorAdapter
Oopt-shell
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.

ShellPolicyToggler

harness-helper

정책 토글러. density, contentWidth, textScale, motionPolicy, navigationMode, sidebarMode, shortcutHints를 UI로 전환합니다.

100%

variant="panel"

Policy Controls

Density
Content Width
Text Size
Motion
Navigation
Sidebar
Shortcut Hints

variant="compact"

{
  "density": "comfortable",
  "contentWidth": "wide",
  "motionPolicy": "system",
  "navigationMode": "sidebar"
}

ShellPolicyToggler Props

Prop타입기본값설명
policy*ResolvedShellPolicy—현재 정책 상태
onPolicyChange*(patch: Partial<ShellPolicy>) => void—정책 변경 핸들러
controlsControlKey[]—표시할 컨트롤 목록 (기본: 전체 7종)
variant"compact" | "panel"—레이아웃 변형 (기본 panel)
labelsShellPolicyTogglerLabels—문구 오버라이드 (기본 영어)
classNamestring—기본 스타일 오버라이드

Import

tsx
import { ShellPolicyToggler } from "@reopt-ai/opt-shell";
PreviousShellSpacing문서
ShellSpacing 페이지로 이동
NextShellDataGridAdapter문서