DevExtreme Angular - Overview

The CheckBox is a small box, which when selected by the end user, shows that a particular feature has been enabled or a specific option has been chosen.

View Demo

The following code adds the CheckBox to your page.

HTML
TypeScript
  • <dx-check-box
  • text="Check me"
  • [(value)]="checkBoxValue">
  • </dx-check-box>
  • import { DxCheckBoxModule } from 'devextreme-angular';
  • // ...
  • export class AppComponent {
  • checkBoxValue: boolean;
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxCheckBoxModule
  • ],
  • // ...
  • })

The CheckBox widget can have the following states: checked (the value option is true), unchecked (value is false), undetermined (value is undefined).

See Also