• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

MenuItemModel

The interface for describing items that can be passed to the items property of the Menu as an alternative to passing them as children.

NameTypeDefaultDescription

contentRender?

any

A Vue functional or class component which is used for rendering content instead of the item children (see example).

cssClass?

string

The additional CSS classes that will be rendered on the item (see example).

cssStyle?

any

The CSS styles that will be rendered on the item (see example).

data?

any

Represents any additional data that is associated with the Menu item.

disabled?

boolean

Specifies if the item is disabled (see example).

icon?

string

Specifies the name of the FontIcon that will be rendered for the item).

items?

MenuItemModel[]

Specifies the children of the item.

linkRender?

any

A Vue functional or class component which is used for rendering the link of the item (see example). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.

popupClass?

string

The additional CSS classes that will be rendered on the item's popup.

render?

any

A Vue functional or class component which is used for rendering the innermost part of the Menu item (see example). By default, the innermost item part includes only the text for the item.

svgIcon?

SVGIcon

Specifies the name of the SVGIcon that will be rendered for the item).

text?

string

Specifies the item text (see example).

url?

string

Specifies a URL which is rendered as a href attribute on the item link (see example).