ShellFlyoutAside
harness-panel플라이아웃 사이드 패널. push/overlay 모드, 좌/우 위치, 배경 딤을 지원합니다.
100%
ShellFlyoutAside Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
children* | ReactNode | — | 패널 콘텐츠 |
open* | boolean | — | 열림 상태 |
onOpenChange* | (open: boolean) => void | — | 열림 상태 변경 콜백 |
width | number | — | 패널 너비 (기본 360px) |
mode | "push" | "overlay" | — | 패널 모드 (기본 overlay) |
side | "left" | "right" | — | 패널 위치 (기본 right) |
backdrop | boolean | — | 오버레이 모드에서 배경 딤 표시 (기본 true) |
label | string | — | 패널 aria-label |
Import
tsx
import { ShellFlyoutAside } from "@reopt-ai/opt-shell";키보드 동작
| 키 | 동작 |
|---|---|
| Esc | 패널 닫기 |