Skip to content

SiStatusBarItemComponent documentation

selector
si-status-bar-item

Input Properties

Name Type Default Description
boolean false Whether the item blinks to highlight its status.
clickable
boolean false Whether the item has an interactive appearance.
color
string Custom background color for the item.
heading
Required
TranslatableString Heading displayed for the status bar item.
status
ExtendedStatusType Status that determines the displayed icon and color.
value
Required
(number | TranslatableString) Value displayed by the status bar item.
valueOnly
(boolean | undefined) false Whether only the value is displayed.

Output Properties

Name Type Description
significanceChange
void Emits when the value changes between an empty and non-empty state.

Types Documentation

Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.
("success" | "info" | "warning" | "danger" | "caution" | "critical")

Except where otherwise noted, content on this site is licensed under MIT License.