SiSummaryChipComponent documentation¶

selector

si-summary-chip

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. The label will still be used for screen-readers.
icon ¶	`string`		Icon token, see https://element.siemens.io/icons/element .
label ¶	`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.

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

TranslatableString (`string` & `Translatable`)¶ Type alias 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.

ExtendedStatusType (`StatusType` \| `"unknown"`)¶ Type alias

Translatable ¶ import imported from @siemens/element-translate-ng

StatusType (`"success"` \| `"info"` \| `"warning"` \| `"danger"` \| `"caution"` \| `"critical"`)¶ Type alias

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.