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 110+ 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.

View Source
Change Theme:

Key Features

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

To learn more about the appearance, anatomy, and accessibility of the CheckBox, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources