Laioutr UI

Overview

The Navigation package provides header, menu, search, breadcrumb, and locale/theme switcher components for building storefront navigation across devices.

Overview

The Navigation package bundles the components you need to build storefront navigation that works across breakpoints: headers, menus, search entry points, breadcrumbs, and common utility controls like locale and theme switching.

Use these components to keep navigation consistent across pages while still allowing different header variants for different contexts (home, category, shop, checkout, etc.).

Included components

Basic Header

A simple, flexible header baseline for many storefronts.

Shop Header

A shop-focused header variant for catalog browsing contexts.

Mobile Menu

Mobile navigation drawer/menu patterns.

Mega Menu (Desktop)

Desktop mega menu for deep category navigation.

Breadcrumb

Breadcrumb navigation for hierarchical page structures.

Search Overlay Input

Search entry component for quick access to discovery.

Locale Select

Locale/language selector for international storefronts.

Color Mode Switch

Theme mode toggle (light/dark) control.