Status counter¶
The status counter component (formerly icon status) represents a customizable icon with a counter.
Code¶
Usage¶
import { SiStatusCounterComponent } from '@siemens/element-ng/status-counter';
@Component({
imports: [SiStatusCounterComponent, ...]
})
Stacked icons
When using stacked icons we recommend using the composite icons to create harmonious icons.
SiStatusCounterComponent API Documentation¶
selector
si-status-counter
Input 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> |
... |
SiIconStatusComponent API Documentation¶
API not found.
Types Documentation¶
No types to document for items on this page.
Except where otherwise noted, content on this site is licensed under MIT License.