Skip to content

SiSummaryChipComponent documentation

selector
si-summary-chip

Input Properties

Name Type Default Description
color
 string Color class, see https://element.siemens.io/typography/#color-variants-classes .
disabled
 boolean false Disabled state.
hideLabel
 boolean false Whether to hide the label. Only takes effect when both icon and value are provided. The label will still be used for screen-readers.
icon
 string Icon token, see https://element.siemens.io/icons/element .
label
Required		 TranslatableString The label.
selected
 boolean false Selected state, will change when clicked.
stackedColor
 string Color class, see https://element.siemens.io/fundamentals/icons/ .
stackedIcon
 string Icon token, see https://element.siemens.io/fundamentals/icons/ .
status
 ExtendedStatusType Status. Alternatively, use icon and color .
value
 TranslatableString Value to display.

Output Properties

Name Type Description
selectedChange
 boolean Selected state, will change when clicked.

Types Documentation

(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.
(StatusType | "unknown")
("success" | "info" | "warning" | "danger" | "caution" | "critical")
Properties
ariaLabel?: TranslatableString
background: string
color: string
icon: string
severity: number
stacked: string
stackedColor: string

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