# Appearance

The AutoComplete provides a predefined set of appearance options.

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

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

[Demo Source](https://demos.telerik.com/kendo-react-ui/dropdowns/autocomplete/appearance/overview/source.txt)

## Size

You can set the size of the AutoComplete through the [`size`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocompleteprops#size) property. The AutoComplete component comes in three different sizes: `small`, `medium` (default), and `large`.

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

## Fill Mode

You can set the fill mode of the AutoComplete through the [`fillMode`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocompleteprops#fillmode) property. The AutoComplete provides three different fill mode options: `solid` (default), `outline`, and `flat`.

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

## Rounded

You can set the roundness of the AutoComplete through the [`rounded`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocompleteprops#rounded) property. The AutoComplete component supports five different degrees of roundness: `small`, `medium` (default), `large`, `full`, and `none`.

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

## Suggested Links

* [API Reference of the AutoComplete](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocomplete)
* [AutoComplete `size` options](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocompleteprops#size)
* [AutoComplete `rounded` options](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocompleteprops#rounded)
* [AutoComplete `fillMode` options](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/autocompleteprops#fillmode)
* [Creating Custom Styles](https://www.telerik.com/kendo-react-ui/components/styling/theme-builder)