Skip to content

SiStatusToggleComponent documentation

selector
si-status-toggle

Input Properties

NameTypeDefaultDescription
disabled
booleanfalseDisabled state for the whole component.
items
Required		StatusToggleItem[]List of status items.
value
(string | number)Value of currently selected status item.

Output Properties

NameTypeDescription
itemClick
(string | number)Emitted when an item is clicked.
valueChange
(string | number)Value of currently selected status item.

Types Documentation

An item for si-status-toggle.
Properties
Icon shown when the item is active.
activeIcon?: string
Class applied to the icon when the item is selected.
activeIconClass?: string
Stacked icon shown when the item is active.
activeIconStacked?: string
Class applied to the stacked icon when the item is selected.
activeIconStackedClass?: string
Class applied to the text when the item is selected.
activeTextClass?: string
Whether the item is disabled.
disabled?: boolean
Icon displayed for the item.
icon: string
Text displayed for the item.
text: TranslatableString
Value of the item.
value: (string | number)
(string & Translatable)
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

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