Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheetupdated
- ToolBar
- Tooltips
- TreeList
- TreeView
- - Overview
  - Getting Started
  - Data Binding
  - Filtering
  - Persisting the Expanded State
  - Persisting the Disabled State
  - Selection
  - Checkboxes
  - Drag and Drop
  - Load More Button
  - Keyboard Navigation
  - Events
  - Node Template
  - Appearance
  - Accessibility
  - Globalization
  - API
- Typography
- Uploads
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / TreeView / Appearance /

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

TreeView Appearance

Size

The TreeView component allows you to set its size. To achieve this, utilize the size property. It accepts values of type TreeViewSize.

The size option supports the following values:

small
medium (default)
large
none—Removes the built-in sizing class from the TreeView for easier customization.

The following example demonstrates how to define the size of the TreeView.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!