ShellAppShell
harness-layout앱 프레임 쉘. sidebar, header, footer, 모바일 크롬을 포함하는 최상위 레이아웃입니다.
ShellAppShell Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
children* | ReactNode | — | 메인 콘텐츠 |
sidebar | ReactNode | — | 레거시 사이드바 슬롯 |
nav | ReactNode | — | 반응형 접이식 네비게이션 패널 |
header | ReactNode | — | 상단 헤더 |
mobileHeader | ReactNode | — | 모바일 전용 헤더 |
mobileNavigation | ReactNode | — | 모바일 네비게이션 |
footer | ReactNode | — | 하단 푸터 |
utilities | ReactNode | — | 유틸리티 슬롯 (inspect 등) |
fullScreen | boolean | — | 사이드바 없는 전체 화면 모드 (기본 false) |
Import
tsx
import { ShellAppShell } from "@reopt-ai/opt-shell";