Application

8 components

Building blocks for full app screens.

404 Page

NotFoundPage is a ready-made "page not found" screen: a large status code, a title, a short explanation and…

AppShell

Header on top, sidebar on the left, scrolling main area. Below the md breakpoint the sidebar moves into a d…

CommandPalette

Open it from a shortcut with useKeyboardShortcuts. Arrow keys move, Enter runs, Escape closes.

Dashboard and StatCard

StatCard can also be a link or a button: href (with linkComponent / linkProp for a router) or onClick makes…

Navbar

Plain horizontal nav (no sticky positioning or theme toggle; use AppBar for that). Supports linkComponent /…

NetworkConnection

Shows whether the client is connected. Set status yourself (connected, connecting, disconnected or error) t…

NotificationCenter

onViewAll (or viewAllHref, a link) adds a "View all" action at the bottom of the dropdown; it closes the dr…

Sidebar

items: [{ key, label, icon?, href?, onClick?, badge?, children? }]. collapsed shows icons only.