New to KendoReact? Start a free 30-day trial

Appearance
Premium

Updated on Aug 13, 2026

The DropDownTree provides a predefined set of appearance options.

Apart from the default vision of the DropDownTree, these alternative styling options enable you to configure each individual aspect of the appearance of a DropDownTree.

The following example demonstrates all the available appearance options of the DropDownTree in a single, configurable demo.

Example
View Source
Loading ...

Size

You can set the size of the DropDownTree through the size property. The DropDownTree component comes in three different sizes: small, medium (default), and large.

Example
View Source
Loading ...

Fill Mode

You can set the fill mode of the DropDownTree through the fillMode property. The DropDownTree provides three different fill mode options: solid (default), outline, and flat.

Example
View Source
Loading ...

Rounded

You can set the roundness of the DropDownTree through the rounded property. The DropDownTree component supports five different degrees of roundness: small, medium (default), large, full, and none.

Example
View Source
Loading ...
In this article
SizeFill ModeRoundedSuggested Links
Not finding the help you need?
Contact Support