# Appearance

In this article, you will find information about the styling options and rendering of the Telerik UI for ASP.NET MVC TextBox.

For a live example, refer to the [Appearance Demo of the TextBox](https://demos.telerik.com/aspnet-mvc/textbox/appearance).

## Options

The TextBox HtmlHelper provides the following styling options:

* [`Size()`](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/textbox/appearance#size)—configures the overall size of the component.
* [`FillMode()`](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/textbox/appearance#fillmode)—defines how the color is applied to the component.
* [`Rounded()`](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/textbox/appearance#rounded)—specifies the border radius of the component.

### Size

The `Size()` method controls the size of the rendered TextBox.

The example below demonstrates how to adjust the `Size` of the component:

```Razor HtmlHelper
@(Html.Kendo().TextBox()
    .Name("textbox")
    .Size(ComponentSize.Medium)
)
```

The following values are available for the `Size` option:

* `Small`
* `Medium`
* `Large`

> When not explicitly set, the applied theme controls the default size.

> The `None` value is deprecated. Use custom CSS instead.

### Rounded

The border radius of the TextBox can be customized through the `Rounded()` method.

```Razor HtmlHelper
@(Html.Kendo().TextBox()
    .Name("textbox")
    .Rounded(Rounded.Medium)
)
```

The following values are available for the `Rounded` option:

* `Small`
* `Medium`
* `Large`
* `Full`

> When not explicitly set, the applied theme controls the default border radius.

> The `None` value is deprecated. Use custom CSS instead.

### FillMode

The `FillMode()` method controls the way the color is applied to the TextBox component.

```Razor HtmlHelper
@(Html.Kendo().TextBox()
    .Name("textbox")
    .FillMode(FillMode.Solid)
)
```

The following values are available for the `FillMode` option:

* `Solid`
* `Flat`
* `Outline`

> When not explicitly set, the applied theme controls the default fill mode.

> The `None` value is deprecated. Use custom CSS instead.

## Rendering

Starting with version R1 2022, the component has a new rendering. For additional information on the decision behind these changes, visit the [Components Rendering Overview](https://www.telerik.com/aspnet-mvc/documentation/styles-and-layout/components-rendering-overview) article.

To review the latest rendering of the component, refer to the HTML specifications in the [Kendo UI Themes Monorepo](https://github.com/telerik/kendo-themes/tree/develop). The `tests` folder of the repository contains the rendering for all flavors of the components, providing a clear reference for how their elements are structured. The rendering information can help you customize a component's appearance and behavior by applying custom CSS or JavaScript to suit specific design or functional requirements.

## See Also

* [Components Appearance Overview](https://www.telerik.com/aspnet-mvc/documentation/styles-and-layout/components-rendering-overview)
* [Appearance of the TextBox HtmlHelper for ASP.NET MVC (Demo)](https://demos.telerik.com/aspnet-mvc/textbox/appearance)
* [Server-Side API](https://www.telerik.com/aspnet-mvc/documentation/api/textbox)