<st-attention-panel>
JSON type: AttentionPanel
A tinted panel that calls out the most serious item needing action: an icon, a title, a line of
detail and an action link. tone picks the colour: warning (amber) for things due soon,
danger (red) for overdue or failing items, accent (blue) for set-up tips.
Slots: icon (a glyph beside the title), default (the detail text), action (a link or button).
The panel's box sits on an inner element, not on :host, so an outer page's CSS reset can't
remove its padding.
Usage
import '@sankhyatronics/sankhya-cms/attention-panel'; // registers <st-attention-panel>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
tone | tone | 'accent' | 'warning' | 'danger' | 'accent' | Colour of the panel: accent for tips, warning for due soon, danger for overdue. |
heading | heading | string | '' | Bold line at the top of the panel. |
hasIcon | has-icon | boolean | false | Set when an element is slotted into icon, so the icon tile only renders with an icon. |
See the live examples in Storybook.