e-icons problem

[paulo]

Hello. 

I got a problem with this angular component to show icons.

I didn´t install any theme, only the default material. With the example in documentation i cant display any icons.

I installed navigation package with npm add comand

tks all

[SureshRajan Alagarsamy]

Hi Paulo,

Greetings from Syncfusion support.

Based on the shared query, we suspect that the "content" property for icons is missing in the style files. For icons we need to set the content property to visible it in the UI. We recommend referring to our online demo StackBlitz link for an example of how to include the "content" property for each icon in the style file. Refer to the below sample for further reference.

Sample : https://stackblitz.com/edit/angular-q3dfla?file=src%2Fapp.component.html

Also, check out the below code snippets for further assistance.

Code Snippet :

[app.component.css]

<style>

 

@font-face {

 .sidebar-menu .icon-user:before {

   content: '\e803';

 }

 

 .sidebar-menu .icon-bell-alt:before {

   content: '\e802';

 }

 

 .sidebar-menu .icon-tag:before {

   content: '\e806';

 }

 

 .sidebar-menu .icon-comment-inv-alt2:before {

   content: '\e807';

 }

 

 .sidebar-menu .icon-bookmark:before {

   content: '\e811';

 }

 

 .sidebar-menu .icon-picture:before {

   content: '\e804';

 }

}

 

</style>

Check out the shared details and get back to us if you need any further assistance.

Regards,
Suresh.