Skip to content

SiStatusBarItemComponent documentation

selector
si-status-bar-item

Input Properties

NameTypeDefaultDescription
booleanfalseWhether the item blinks to highlight its status.
clickable
booleanfalseWhether the item has an interactive appearance.
color
stringCustom background color for the item.
heading
Required
TranslatableStringHeading displayed for the status bar item.
status
ExtendedStatusTypeStatus that determines the displayed icon and color.
value
Required
(number | TranslatableString)Value displayed by the status bar item.
valueOnly
(boolean | undefined)falseWhether only the value is displayed.

Output Properties

NameTypeDescription
significanceChange
voidEmits 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.