core/list-group/list-item-icon.component.ts
An icon to display on a list item. Use it with content projection.
Example :<c8y-li>
<c8y-li-icon="rocket"></c8y-li-icon>
</c8y-li>
| host | { |
| selector | c8y-list-item-icon, c8y-li-icon |
| standalone | true |
| imports |
NgIf
|
| templateUrl | ./list-item-icon.component.html |
ListGroupModule
ActilityMultipleLnsConnectorComponent
ActivityLogComponent
AlarmsListComponent
ApplyBrandingToAppModalComponent
AppsToUpdateRemotesSelectComponent
BulkDeviceRegistrationModalComponent
BulkOperationListItemComponent
CockpitConfigurationComponent
ConfirmDeviceProfileSelectionStepComponent
ConfirmSoftwareSelectionStepComponent
DatapointSelectorListItemComponent
DataSharingModalComponent
DeviceProfileComponent
DeviceSoftwareListComponent
DiagnosticsComponent
EditBookmarksComponent
EventsListComponent
EventsTimelineComponent
ExtensibleBulkDeviceRegistrationModalComponent
FeatureConfigComponent
FirmwareDetailsComponent
FirmwareDeviceTabComponent
GeneralDeviceRegistrationComponent
InstallFromPackageComponent
LoriotMultipleLnsConnectorComponent
OperationsTimelineComponent
PackageVersionsAppsComponent
PackageVersionSelectComponent
PluginListItemComponent
ReportDashboardListComponent
RootNodeConfigComponent
SearchInputComponent
SelectDeviceProfileStepComponent
SelectFirmwareComponent
SelectModalComponent
SelectSoftwareStepComponent
SigfoxMultipleLnsConnectorComponent
SoftwareDetailsComponent
StaticAssetsFileListComponent
StepperBulkTypeConfigurationComponent
TrustedCertificateListComponent
UpdateApplicationModalComponent
VersionOrPatchComponent
NgIf
IconDirective
NgClass
<i [c8yIcon]="icon" [ngClass]="status" *ngIf="icon"></i>
<ng-content></ng-content>