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.

ShellDataGridAdapter

harness-adapter

DataGrid 어댑터. opt-datagrid를 하네스 크롬(title, toolbar, filters, state boundary)으로 감쌉니다.

ShellDataGridAdapter Props

Prop타입기본값설명
rows*Row[]—데이터 행 배열 (DataGridProps 확장)
titleReactNode—그리드 제목
descriptionReactNode—그리드 설명
toolbarReactNode—상단 툴바
filtersReactNode—필터 컨트롤
statusReactNode—상태 표시기
footerReactNode—하단 푸터
loadingboolean—로딩 상태
emptyShellEmptyState | string | null—빈 상태 설정
errorError | ShellErrorState | string | null—에러 상태 설정
gridHeightnumber—그리드 높이 (기본 480px)

Import

tsx
import { ShellDataGridAdapter } from "@reopt-ai/opt-shell";
PreviousShellPolicyToggler문서
ShellPolicyToggler 페이지로 이동
NextShellEditorAdapter문서