Component Catalog
Navigation Grid Block Navigation
- Home
- Blocks
- Navigation
- Navigation Grid Block
Navigation
Navigation Grid Block A grid of cards that each link to a chosen page — a visual sub-navigation
A grid of cards that each link to a chosen page — a visual sub-navigation.
When to use
This page shows the Navigation Grid Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
Center · Light 02 — bg: bgstyle-02 · align: center
Right · Plain — bg: bgstyle-00 · align: right
Center · Dark 05 — bg: bgstyle-05 · align: center
Center · Image BG — bg: bgstyle-05 · align: center
Field reference
| Field | Editor | Required |
|---|---|---|
| navGridItems | Block list of card → picks a page | — |
| feature1StCard | Toggle | — |