<st-menu-grid-item>
JSON type: MenuGridItem
One entry in an st-menu-grid — icon (via slot="icon") + title on one line, an optional
description below, and an optional corner badge ("New", "Popular", ...). Effects are CSS:
fades up the first time it scrolls into view, scales to 1.02 on hover / 0.98 while pressed, the
icon tilts on hover, the badge pops in. Colors come from the suite theme rather than per-item
utility classes.
An http(s) href opens in a new tab. Any other href fires a cancelable
menu-grid-item-select event (detail: { href }) first: a host doing client-side routing calls
event.preventDefault() on it, which also cancels the anchor's own navigation.
Usage
import '@sankhyatronics/sankhya-cms/menu-grid-item'; // registers <st-menu-grid-item>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
title | title | string | '' | |
description | description | string | '' | |
href | href | string | '' | |
badge | badge | string | '' | Small corner label, e.g. "New"/"Beta" — omit for none. |
compact | compact | boolean | false | |
showDescription | show-description | boolean | true | Suppresses the description even when description is set (source: showDescription, default true). |
See the live examples in Storybook.