Shop
Inpage Navigation Compact Grid
Space-efficient grid layout for compact category nodes on listing pages.
Overview
The InpageNavigationCompactGrid component provides a space-efficient grid layout for compact category nodes, ideal for product listing pages where viewport space is limited. Node variants (default, solid, outline) apply consistently across all grid items for visual coherence. Alignment options (left, center, auto) accommodate different design aesthetics. Color mode propagation ensures consistent theming while promotional flags highlight time-sensitive or featured categories.
Key Business & UX Benefits
- Compact category grid for listing pages so subcategories are visible without crowding.
- Node variants (default, solid, outline) fit different sections and emphasis.
- Optional headline, subline, and show more link keep the section flexible.
- Promotional flags support sale and featured categories.
Pro-Tip from Larry: Use Inpage Navigation Compact Grid on listing pages so subcategories are visible at a glance.
Usage
LuiInpageNavigationCompactGrid
Feature List
- Multiple node variants: default, solid, and outline
- Multiple color modes: on-light, on-dark, on-bright
- Optional headline, subline, and show more link
- Support for promotional flags on category nodes
API Reference
No component metadata found for InpageNavigationCompactGrid. Did you mean
LuiInpageNavigationCompactGrid?