How can I use Icons in menu ?

[mhascak]

Hello, I have one question. Is possible to use Icon in menu ? I see that you add method setIcon()... How can I specify icon in neon syntax ? Thanks for help and for this component!

[davidkudera]

This method is just shortcut to getData('icon'). Also you will have to use custom template. Small example with font awesome icons:

neon:

menu:
    default:
        template:
            menu: %appDir%/components/Menu/menu.latte

    items:
        Homepage:
            target: Homepage:default
            data:
                icon: fa fa-home

template:

<ul>
    <li n:foreach="$menu->getItems() as $item">
        <a href="{$item->getLink()|noescape">
            <i class="{$item->getIcon()}"></i> {$item->getTitle()}
        </a>
    </li>
</ul>

Do not forget to check if displayed item is allowed, see built in template.

Edit: *Data methods are just for transferring any data you may want from neon configuration to latte templates.

[mhascak]

Thnaks for help ! Works :)

[davidkudera]

Glad to help ;-)