# CheckBox Appearance

The CheckBox provides predefined appearance options such as different sizes and border radiuses.

> Since [version 22.1.0](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v22.1.0), default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.
>
> For more information, refer to the [Design System documentation](https://www.telerik.com/design-system).

The following example demonstrates all available appearance options of the CheckBox in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/inputs/checkbox/appearance-all-options/source.txt)

## Size

The CheckBox allows you to customize its `width` and `height`. To achieve this utilize the [`size`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxdirective#size) property. It accepts values of type [`InputSize`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/inputsize).

The [`size`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxdirective#size) option supports the following values:

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

The following example demonstrates how to define the size of the CheckBox.

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

## Roundness

The CheckBox enables you to customize its border radius. To achieve this utilize the [`rounded`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxdirective#rounded) property, which accepts values of type [`CheckBoxRounded`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxrounded).

The [`rounded`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxdirective#rounded) option supports the following values:

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

The following example demonstrates how to customize the roundness the CheckBox.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/inputs/checkbox/rounded-checkbox/source.txt)

## Suggested Links

* [API Reference of the CheckBox](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxdirective)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui-develop/components/styling/theme-builder)