Skip to Content

dashboard-layout

ui

Full app shell composing MukokoHeader, MukokoSidebar, and MukokoBottomNav into a responsive dashboard layout with collapsible sidebar and mobile navigation.

Use cases

  • Admin dashboards
  • Analytics pages
  • Settings pages
  • Any app shell requiring sidebar navigation

Features

  • Composes MukokoHeader + MukokoSidebar + MukokoBottomNav
  • SidebarProvider wrapping for state management
  • SidebarInset for responsive content area
  • Collapsible sidebar on desktop
  • Mobile bottom nav integration
  • Configurable nav items and header actions

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Header
Card 1
Card 2
Chart

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/dashboard-layout

Dependencies

mukoko-sidebarmukoko-headermukoko-bottom-navsidebar

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/dashboard-layout

Source

components/mukoko/dashboard-layout.tsx