# Appearance

The Toolbar has appearance options for its size and fill mode. Both properties default to `undefined`, so the active Kendo theme determines their rendered appearance.

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

* [Size](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/appearance#size)
* [Fill Mode](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/appearance#fill-mode)

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

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/toolbar/appearance/func/source.txt)

## Size

The KendoReact Toolbar enables you to configure its padding by using the [`size`](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarprops#size) property.

The [`size`](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarprops#size) option supports the following values:

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

The following example demonstrates how to set the size of the Toolbar.

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/toolbar/size/source.txt)

## Fill Mode

The Toolbar allows you to set its fill mode by using the [`fillMode`](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarprops#fillMode) property.

The [`fillMode`](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarprops#fillMode) option supports the following values:

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

> The `fillMode` property only affects the Toolbar and does not propagate to its [tools](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools). Set the `fillMode` of each tool individually.

The following example demonstrates how to define the fill mode of the Toolbar, applied to the Toolbar alone or to both the Toolbar and its tools.

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/toolbar/fill-mode/source.txt)

## Suggested Links

* [API Reference of the ToolbarProps](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarprops)