# MultiSelectTree Appearance

The MultiSelectTree provides predefined appearance options such as different sizes, border radiuses and fill modes.

> Since [version 22.1.0](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v22.1.0), default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.
>
> For more information, refer to the [Design System documentation](https://www.telerik.com/design-system).

The following example demonstrates all available appearance options of the MultiSelectTree in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/multiselecttree/appearance-all/source.txt)

## Size

The MultiSelectTree allows you to set its [`size`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent#size).

The [`size`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent#size) input supports values of type [`DropDownSize`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdownsize):

* `small`
* `medium`
* `large`

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

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/multiselecttree/appearance-size/source.txt)

## Rounded

The MultiSelectTree enables you to apply different `border radius` to the component through the [`rounded`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent#rounded) property. It accepts values of type [`DropDownRounded`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdownrounded).

The [`rounded`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent#rounded) option supports the following values:

* `small`
* `medium`
* `large`
* `full`
* `none`

The following example demonstrates how to define the border radius of the MultiSelectTree.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/multiselecttree/appearance-rounded/source.txt)

## Fill Mode

The MultiSelectTree allows you to set different fill modes by using the [`fillMode`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent#fillmode) property. It accepts values of type [`DropDownFillMode`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdownfillmode).

The [`fillMode`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent#fillmode) option supports the following values:

* `flat`
* `solid`
* `outline`

The following example demonstrates how to define the fill mode of the MultiSelectTree.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/multiselecttree/appearance-fill-mode/source.txt)

## Suggested Links

* [API Reference of the MultiSelectTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreecomponent)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui/components/styling/theme-builder)