reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Mission
Core Concepts
Core Concepts
Recipes
Adapters
Build & Operate
Agent Contract
Builder Rollout
Builder Manager
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

© 2026 reopt-ai. All rights reserved.

ListWorkspace

harness-workspace

목록형 워크스페이스. 스캔, 필터, 일괄 작업, 미리보기 흐름에 최적화된 레시피입니다.

100%

파이프라인

전체 파이프라인 목록

  • ETL Pipeline Arunning
  • Data Sync Bidle
  • Transform Cfailed

ListWorkspace Props

Prop타입기본값설명
header*ReactNode—상단 헤더
childrenReactNode—페이지 본문
toolbarReactNode—툴바 영역
filtersReactNode—필터 영역
asideReactNode—사이드 패널
footerReactNode—하단 푸터

Import

tsx
import { ListWorkspace } from "@reopt-ai/opt-shell";
PreviousShellPage문서
ShellPage 페이지로 이동
NextDetailWorkspace문서