<st-feature-item>
JSON type: FeatureItem
One feature tile for st-features-section: optional icon, title (<h3>), Markdown description
and an optional "Learn more" link, rendered on an st-card. icon is an Iconify name (e.g.
mdi:rocket). The link is a plain <a href>, so it works without JavaScript; the click is
composed, so an SPA router can intercept it (e.g. via event.composedPath()) and navigate
client-side. http(s) links open in a new tab.
Usage
import '@sankhyatronics/sankhya-cms/feature-item'; // registers <st-feature-item>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
icon | icon | string | '' | Iconify icon name, e.g. mdi:rocket. |
title | title | string | '' | |
description | description | string | '' | Markdown. |
href | href | string | '' | |
actionLabel | action-label | string | 'Learn more' | |
inverted | inverted | boolean | false | |
variant | variant | 'default' | 'panel' | 'default' | default is the icon card; panel is the compact card without an icon tile. |
See the live examples in Storybook.