Docs Shell
DocumentationShared documentation shell with header, sidebar, and ToC.
Preview
Introduction
A shared documentation shell with header, sidebar, and table of contents.
The DocsShell provides a consistent layout for documentation pages with breadcrumb navigation, an optional left sidebar, main content area, and a right-side table of contents.
Install
Add this block from the Airy registry:
npx shadcn@latest add @airy/docs-shellUsage
Import the block in your project:
import { DocsShell } from "@/components/blocks/pages/docs-shell"Start with the primary export:
<DocsShell />Exports
DocsShellDocsBreadcrumbsDocsTableOfContents