Header 1 – Page header with actions and search
A standard page header that anchors the page title with optional breadcrumbs, primary actions, and inline search. Designed for app and dashboard pages where users need context, quick actions, and filtering in one place. Collapses cleanly on smaller screens into a stacked layout with back navigation and core controls.
Source code for this component is gated by the vendor (premium). Visit their site to get it.
Header 1 – Page header with actions and search
Shadcncraft
- Where it goes
- navbarkanbandashboard-shell
- Visual style
- minimal
- Interaction
- accordion
- Use cases
- dashboard
More from Shadcncraft
404 1 – Minimalist error page with navigation recovery actionsblock404 2 – Visual 404 error page with immersive split-screen layoutblock404 3 – Error page with multi-channel support contact cardsblock404 4 – Error page with conceptual plug illustrationblock404 5 – Error page with immersive image and support directoryblock404 6 – Split-screen 404 page with high-contrast editorial visualblockActivity Feed 1 – Filterable timeline with inline contextblockActivity Feed Item 1component
Browse all components in this library →