Overriding the Default Rendering

The Menu enables you to override the default rendering of its items.

To customize the item rendering, use any of the following approaches:

• Override the rendering of the innermost item part
• Override the rendering of the item link
• Set specific content for the item children

Items

By default, the innermost Menu item part includes only text.

To override the rendering of that innermost item part, either:

• Override the innermost part for a specific item by using the render property.

Change Theme

Theme

Loading ...

• Override the innermost part for all items by using the itemRender property of the Menu.

Change Theme

Theme

Loading ...

Links

By default, the Menu item link includes an icon, text, and an arrow.

To override the rendering of the item link, either:

• Override the item link for a specific item by using the linkRender property.

Change Theme

Theme

Loading ...

• Override the item link for all items by using the linkRender property of the Menu.

Change Theme

Theme

Loading ...

Content

You can set specific content that will replace the children of a Menu item by using the contentRender property.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Menu