Web SDK documentation
  1. Components
  2. ListItemIconComponent

File

core/list-group/list-item-icon.component.ts

Description

An icon to display on a list item. Use it with content projection.

Example

```html
 * <c8y-li>
 *   <c8y-li-icon="rocket"></c8y-li-icon>
 * </c8y-li>
 * ```

Metadata

host {
}
selector c8y-list-item-icon, c8y-li-icon
templateUrl ./list-item-icon.component.html

Index

Inputs

Inputs

icon

The icon name passed to the c8yIcon directive.

Type : string

status

A status to change the color of the icon.

Type : "statusOk" | "statusUnknown" | "statusAlert" | "statusNok" | "status critical" | "status warning" | "status minor" | "status major" 

<i [c8yIcon]="icon" [ngClass]="status" *ngIf="icon"></i>
<ng-content></ng-content>

result-matching ""

    No results matching ""