Skip to content

SiValueWidgetBodyComponent documentation

selector
si-value-widget-body

The body of the <​si-value-widget​> . Useful for compositions.

Input Properties

NameTypeDefaultDescription
description
TranslatableStringShort description of the value. A description is mandatory to show an icon. Only visible if value is available.
disableAutoLoadingIndicator
booleanfalseOption to disable automatic start of skeleton loading indication.
icon
stringThe element icon name. Only visible if value is available.
initialLoadingIndicatorDebounceTime
number300Initial delay time in milliseconds before enabling loading indicator. Only used once initially during construction.
showLoadingIndicator
booleanfalseInput to start and stop the skeleton loading indication.
status
EntityStatusTypeShow a status icon instead of the icon .
unit
TranslatableStringThe unit of the value (e.g. kWh or users). Only visible if value is available.
value
Required
(undefined | TranslatableString)The main value to be displayed. If no value is set, the skeleton indicates the loading of the value. Disable the automatic loading mechanism by setting SiWidgetBodyBaseComponent.disableAutoLoadingIndicator .

Attributes and Methods

NameTypeDefaultDescription
ngOnChanges(...)
(changes: SimpleChanges) => voidA callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

Parameters
(readonly) showLoadingIndicator
Signal<boolean>...

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.
Translatable
import
("success" | "info" | "warning" | "danger" | "caution" | "critical")

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