<st-menu-grid>
JSON type: MenuGrid
A responsive grid of st-menu-grid-items — the "rich" nav-menu layout (icon + title +
description per entry, arranged in columns), typically slotted into st-dropdown's default
slot. Markup is .menu-grid-container > .menu-grid.columns-N; breakpoints: at 768px, 2–4
columns become 2; at 480px, everything becomes 1 (a 1-column grid stays 1).
Usage
import '@sankhyatronics/sankhya-cms/menu-grid'; // registers <st-menu-grid>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
columns | columns | number | 3 | Number of columns at full width (1–4, same as the source component's columns-N classes). |
gridClassName | grid-class-name | string | '' | Extra class(es) appended to the inner grid element — the source component's gridClassName. Its outer className is the host element itself here: set a class attribute on st-menu-grid. |
See the live examples in Storybook.