<st-tag-strip>

JSON type: TagStrip

A single bordered band: a small uppercase label on the left and a run of bold items beside it (e.g. "Supported platforms: AWS · Azure · GCP"). Items wrap onto new lines on narrow screens. inverted puts the band on the dark band (--st-cms-band-dark-bg).

Usage

import '@sankhyatronics/sankhya-cms/tag-strip'; // registers <st-tag-strip>

Properties

Property	Attribute	Type	Default	Description
label	label	string	''	Small uppercase label at the start of the band. Omit it for items alone.
heading	heading	string	''	The same label as label, under a name the page JSON can use: the site renderer drops a node's label key (it is the node's own name), so JSON sets heading. Shown when label is empty.
items	—	string[]	[]	The items, shown in order.
inverted	inverted	boolean	false	Puts the band on the dark band (--st-cms-band-dark-bg), which stays dark in the dark theme.
variant	variant	'default' | 'spread'	'default'	default is the bordered band; spread is a white card with the label left and the items right (label shown).

See the live examples in Storybook.