Override icon in alert component in fiori fundamentals

user_17095811 0
Viewed 25

How to change the alert type icon on the fundamental ngx. I want to use the warning type style but I want the different icon called sap-icon--search. I tried adding directly but not work:

<fd-alert [type]="'warning'" class="sap-icon--search">
    You search has zero results
</fd-alert>
sap-fiori icons css
1 Answers

You can't apply the style directly and instead you can override the content of fd-alert--warning with the sap-icon--search instead as follows:

.fd-alert--warning:before {
    content: "" !important;
}
user_78368330
Related