Kendo UI for Angular CheckBox Overview

The Kendo UI for Angular CheckBox is a directive which enables you to style input type="checkbox" elements.

The component allows the user to toggle between checked and unchecked states and supports all regular <input type="checkbox"> HTML attributes and Angular bindings.

The CheckBox Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the CheckBox in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Indeterminate CheckBoxWhether or not the CheckBox is checked, you can render it in its indeterminate state.
  • Labels associationThe CheckBox provides approaches for associating it with an HTML label element.
  • Forms supportYou can use the CheckBox both in template-driven and reactive Angular forms.
  • Disabled CheckBoxYou can use the configuration options of the CheckBox to disable the component so that users are not able to interact with it.
  • Required CheckBoxThe CheckBox provides options for setting it as required.
  • Debouncing value changesAll Kendo UI for Angular Inputs enable you to implement a slight delay before they accept a new input value.
  • AppearanceAll Kendo UI for Angular Inputs enable you to set their dimensions.
  • GlobalizationAll Kendo UI for Angular Inputs provide globalization options.

In this article

Not finding the help you need?