# Appearance

The FloatingToolBar lets you customize its size and fill mode.

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

The following example demonstrates the available appearance options of the FloatingToolBar.

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

## Size

To specify the size of the FloatingToolBar, use the [`size`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/floatingtoolbarcomponent#size) property. It accepts values of type [`ToolbarSize`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/toolbarsize).

The available size values are:

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

If you do not set `size`, the currently applied theme controls the size.

The following example demonstrates the available `size` values side by side.

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

## Fill Mode

To set the fill mode of the ToolBar hosted inside the FloatingToolBar, use the [`fillMode`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/floatingtoolbarcomponent#fillmode) property. It accepts values of type [`ToolbarFillMode`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/toolbarfillmode).

The available fill-mode values are:

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

If you do not set `fillMode`, the currently applied theme controls the fill mode.

> note The FloatingToolBar forwards `fillMode` to its hosted ToolBar, but does not pass it to child tools. Set `fillMode` on each child button to apply a fill mode to those buttons as well.

The following example applies each available `fillMode` value to the FloatingToolBar and its child tools.

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

## Suggested Links

* [API Reference of the FloatingToolBar](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/floatingtoolbarcomponent)