Navigation
Headers, menus, and sidebars
Combine the navigation primitives to build desktop and mobile shells. The samples demonstrate typical Brainliest layouts with search, account controls, and contextual breadcrumbs.
Product header
Use the `Header` component for authenticated shells.
Brainliest
Use the standalone menu button when composing fully custom shells.
On mobile, swap the inline navigation for `MenuButton` and render the nav items in a drawer using the same data source passed to `Menu`.
Sidebar + menu
Combine `Sidebar` with `Menu` to provide course navigation.
Use the menu for quick filters or secondary navigation inside the main content column.
Breadcrumbs
Provide hierarchical context for nested routes.
Footer
Organise legal links and marketing pathways.