PageAside

shell

Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot.

100%

Header + Nav + Footer 3-slot

메인 콘텐츠 영역

Header / Footer 없이 Nav만

콘텐츠

Slot padding override — headerClassName / bodyClassName

콘텐츠

테스트 커버리지

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

PageAside 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

PageAside Props

Prop	타입	기본값	설명
`header`	`ReactNode`	—	상단 고정 슬롯 (예: package switcher).
`children`*	`ReactNode`	—	스크롤 가능한 네비게이션 영역.
`footer`	`ReactNode`	—	하단 고정 슬롯 (예: version label).
`widthClassName`	`string`	—	너비 Tailwind 클래스. 기본값 `w-60`.
`label`	`string`	—	`<aside>`의 aria-label.
`hideOnMobile`	`boolean`	—	md 아래에서 숨김. 기본값 true.

Import

tsx

import { PageAside } from "@reopt-ai/opt-ui";