# Appearance

The `RadioButton` provides a predefined set of appearance options.

Apart from the default vision of the `RadioButton`, these alternative styling options enable you to configure each individual aspect of the component's appearance.

The current article provides details about how the component changes when the different configurations of its properties are applied. Here are the sections you can directly access:

* [RadioButton Size](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/radiobutton/appearance#size)

## Size

The size of the `RadioButton` is controlled through its [`size`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/radiobuttonprops#size) property. The values we can pass to the property are as follows:

* `small` — Sets the `width` and `height` of the component to `12px`.
* `medium` — Sets the `width` and `height` of the component to `16px`.
* `large` — Sets the `width` and `height` of the component to `24px`.

The following example demonstrates the usage of each `size` option:

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/radiobutton/appearance/source.txt)

## Suggested Links

* [API Reference of the RadioButton](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/radiobuttonprops)
* [RadioButton `size` options](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/radiobuttonprops#size)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-vue-ui-develop/components/styling/theme-builder)