<st-bento-grid>
JSON type: BentoGrid
A responsive 4-column bento grid of icon/image cards. Items are set via the items property.
Descriptions are Markdown. A card links as a whole when it has href alone; with actionLabel
the link becomes a button inside the card.
A card that uses chips or layout takes the design-system look: a 32px padding, a 40px icon
tile on a light blue (cyan on primary and dark cards), and on a primary card the action is a
white navy-text pill. Cards without those options keep the original look.
Usage
import '@sankhyatronics/sankhya-cms/bento-grid'; // registers <st-bento-grid>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
inverted | inverted | boolean | false | |
decoration | decoration | DecorationName | 'none' | 'none' | Line art on every card (flow, orbit, waves or ribbon); a card's own decoration wins. Default none. |
title | title | string | '' | |
subtitle | subtitle | string | '' | |
items | — | BentoGridItem[] | [] |
See the live examples in Storybook.