Navbar
Version: 1.0.0 · Released: 2026-09-08
Route: / (top header on the dashboard)
Who can access
All signed-in users see the same navbar. Search does not change by role.
Screenshot
What this page does
The navbar anchors the dashboard: open the side Menu, return to the home brand link, and search products by title.
Layout at a glance
| Position | Control |
|---|---|
| Left | Menu button (list icon; aria-label Open menu) |
| Center | Brand link: Social Media Auto-Poster with Demo Mode badge |
| Right | Search field — placeholder Search products... |
On narrow screens the brand text may hide; the icon and search remain available.
Steps — open the menu
- Click the menu button on the left.
- The Menu offcanvas opens from the left.
- Choose a collection or other control, then close or select an item (selection closes the panel).
Steps — search products
- Click Search products....
- Type part of a product title (for example
Kurta). - The grid filters as you type; pagination resets to page 1.
- Clear the field to show the full filtered collection again.
Steps — return to dashboard home
- Click the brand Social Media Auto-Poster (or the favicon).
- You stay on
/with the product view refreshed via navigation.
Fields
| Control | Type | Notes |
|---|---|---|
| Search products... | Search input | Filters by product title; client-side on the current list |
Errors & edge cases
- No matching titles: count shows Showing 0 of 0 products; see Empty states and Search and pagination.
- Search works with the current collection filter (All or a named collection).