- This topic has 1 reply, 2 voices, and was last updated 5 years, 2 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
	
Viewing 2 posts - 1 through 2 (of 2 total)
	
- You must be logged in to reply to this topic.
Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › General Discussions › Menu & Tree › Use 'fa-icon' as icon image for smart menu item?
Tagged: menu
 
Is it possible to use a ‘Font Awesome’  icon as the left placed icon for a smart-menu-item?  Like…
When I try this…
<smart-menu-item [value]=”‘contact'”>Contact
<fa-icon [icon]=”iconContact” style=” title=”contact” size=”2x”></fa-icon>>
</smart-menu-item>
The icon is positioned on the right rather than the left of the menu item name?
 
Hello davout,
 
Yes, it is possible. You should put the fa icon before the text of the menu item (in your case “Contact”), like this:
<smart-menu-item [value]="'contact'">
<fa-icon [icon]="iconContact" title="contact" size="2x"></fa-icon>
Contact
</smart-menu-item> 
Best Regards,
Martin
Smart HTMLElements Team
https://www.htmlelements.com/