Grid Block

published

Flexible grid layout block with 8 visual variants

The Grid Block heading and item text are localized and automatically translated when you save.

Fields

GridBlock
Flexible grid layout block with 8 visual variants for links and cards
variantselectRequiredVisual layout variant. Options: minimalist, minimalist-icons, compact, compact-icons, large, highlights, list-compact, list-extended.
itemsarrayRequiredThe collection of link items displayed in the grid. Each item includes a title, optional icon, optional description, and a link (internal or external).
headingtext🌐 LocalizedOptional heading displayed above the grid.

Layout Variants

  • minimalist — Simple text links in a clean grid. Best for short navigation lists where no extra detail is needed.
  • minimalist-icons — Text links paired with icons. Adds visual anchors to help users scan the grid quickly.
  • compact — Bordered cards showing titles only. Good for medium-length collections of 6 to 12 items.
  • compact-icons — Bordered cards with icons and titles. Adds visual weight to each card without taking up extra vertical space.
  • large — Large cards with full descriptions. Use when each item needs a paragraph of context to be useful.
  • highlights — Featured highlight cards with prominent styling. Best for 3 to 4 high-priority items you want to draw attention to.
  • list-compact — Compact vertical list layout. Works well for long collections of 15 or more items where space efficiency matters.
  • list-extended — Extended list with category labels and descriptions. Use when items span multiple categories and benefit from extra context.

Choose your variant based on how much information each item conveys. Use minimalist or compact for navigation-style link collections, large or highlights when items have meaningful descriptions, and list-compact or list-extended when you have many items in a scannable vertical layout.