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
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- - Overview
  - Getting Started
  - Data Binding
  - Expanding Items
  - Selection
  - Checkboxes
  - Appearance
  - Dragging and Dropping
  - Custom Rendering
  - Keyboard Navigation
  - Events
  - Accessibility
  - API
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / TreeView / Custom Rendering /

New to Kendo UI for Vue? Start a free 30-day trial

Custom Rendering

The Kendo UI for Vue Native TreeView enables you to customize the content of its nodes.

To customize the appearance of the items, use the item property of the TreeView.

The following example demonstrates how to display an icon next to the text of a TreeView node.

Example

View Source

Change Theme:

Suggested Links

Dragging and Dropping

Keyboard Navigation