SettingsShell

Settings

Client-side shell owning the nav config so the route layout stays a server component.

Install

npx bouncekit@latest add settingsshell

Import

import { SettingsShell } from "@/components/settings/settings-shell"

import { SettingsShell } from "@/components/settings/settings-shell"

// In your settings layout.tsx:
<SettingsShell>
  {children}
</SettingsShell>

// Pre-configured with nav links for all
// settings sub-routes. Just wrap and go.

API Reference

Prop	Type	Required	Description
`children`	`ReactNode`	yes	Active settings page content.

Source

src/components/settings/settings-shell.tsx

Components/Settings/SettingsShell