Skip to main content

<st-feature-split>

JSON type: FeatureSplit

A title/markdown-subtitle/feature-list block beside (or under) an image. The action-label button is a real link to href: the browser follows it unless the cancelable feature-split-action event is cancelled (a router does this to navigate client-side).

Usage​

import '@sankhyatronics/sankhya-cms/feature-split'; // registers <st-feature-split>

Properties​

PropertyAttributeTypeDefaultDescription
invertedinvertedbooleanfalse
titletitlestring''
subtitlesubtitlestring''Markdown.
items—FeatureSplitItem[][]
imageSrcimage-srcstring''
imageAltimage-altstring''
imagePositionimage-positionFeatureSplitImagePosition'right'
actionLabelaction-labelstring''
hrefhrefstring''

Events​

EventDetailDescription
feature-split-actionCancelable, before following the action link. Detail &#123; href &#125;.

See the live examples in Storybook.