Loading resource
Compositions
Grouped guides with a persistent desktop list and accessible mobile drawer.
DocsShell adds documentation section navigation inside PublicShell. DocsShellView receives the resolved pathname and uses the same navigation in its preview; the outer shell owns the main landmark.
src/components/docs/shell.tsx
Documentation
The real documentation navigation keeps guides grouped and shows the current page. Narrow the window to use its mobile drawer.
The preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.