Icon status¶
The icon status component represents a customizable icon with a counter.
Code¶
Usage¶
import { SiIconStatusComponent } from '@siemens/element-ng/icon-status';
@Component({
imports: [SiIconStatusComponent, ...]
})
Stacked icons
When using stacked icons we recommend using the composite icons to create harmonious icons.
SiIconStatusComponent API Documentation¶
selector
si-icon-statusInput Properties¶
| Name | Type | Default | Description |
|---|---|---|---|
| color ¶ | string | Color of the icon | |
| count ¶ | number | 0 | Counter below the icon |
| disabled ¶ | boolean | false | Whether the icon is disabled. |
icon ¶ | string | Icon to display. | |
| stackedIcon ¶ | string | Stacked icon to display. |
Attributes and Methods¶
| Name | Type | Default | Description |
|---|---|---|---|
| (readonly) isDisabledOrCountZero ¶ | Signal<boolean> | ... |
Types Documentation¶
No types to document for items on this page.
Except where otherwise noted, content on this site is licensed under MIT License.