# Labels Association

The CheckBox component allows you to add a label before or after the input element.

You can associate the CheckBox with:

* [the Kendo UI for Angular Label component](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/checkbox/labels#associating-to-label-component).
* [an HTML `label` element](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/checkbox/labels#associating-to-html-label-element).

## Associating to Label Component

You can associate the CheckBox component with the [Kendo UI for Angular Label](https://www.telerik.com/kendo-angular-ui-develop/components/labels/label) component. The label can be displayed before of after the checkbox.

The following example demonstrates how to associate the CheckBox with the Label component.

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

## Associating to HTML Label Element

You can associate the CheckBox component with the [HTML label](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) element. The label can be displayed before of after the checkbox.

The following example demonstrates how to associate the CheckBox with the HTML `label` element.

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

## Suggested Links

* [API Reference of the CheckBox](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/checkboxdirective)