• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • 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

ButtonItemInterface

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

NameTypeDefaultDescription

disabled?

boolean

Determines whether the item is disabled.

icon?

string

Defines an icon that will be rendered next to the item text.

iconClass?

string

Defines an icon with a custom CSS class that will be rendered next to the item text.

imageUrl?

string

Defines the location of an image that will be displayed next to the item text.

render?

any

Defines a named slot string, functional or class component for rendering the item. The default rendering includes an icon, an image, and text.

text

string

Specifies the text of the item.

In this article

Not finding the help you need?