JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Menu & Tree › static text in smart-menu › Reply To: static text in smart-menu
August 5, 2020 at 11:14 am
#100958
Hristofor
Member
Hi peter.jak,
Smart.Menu
component can only contain Smart.Menu
or Smart.MenuItemsGroup
elements. So in order to add any static text you must define it inside a Smart.MenuItem
for example:
<smart-menu-item><span>{{ userName | async }}</span></smart-menu-item>
If you want the item to be completely custom ( not selectable like the rest, etc) you can set the custom content as a template, like so:
<smart-menu>
<smart-menu-item label="itemTemplate"></smart-menu-item>
</smart-menu>
<template id="itemTemplate">
<span>{{ userName | async }}</span>
</template>
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.com