React Checkbox

  • With styling that fits with all KendoReact themes, this handy React CheckBox makes it easy to maintain a consistent look and feel throughout your app.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • Overview

    The KendoReact Checkbox moves beyond the traditional HTML input element and provides styling that fits with all KendoReact themes, allowing users to maintain a consistent look and feel throughout their entire React application. The Checkbox supports a variety of states that can be easily set to match your requirements.

    See React Checkbox Overview demo

    React Checkbox - Overview, KendoReact UI Library
  • Checkbox States

    The KendoReact Checkbox supports unchecked, checked and indeterminate states out of the box.

    See React Checkbox States demo

    React Checkbox - States, KendoReact UI Library
  • Disabled Checkbox

    For scenarios where users should not be able to interact with the KendoReact Checkbox until certain requirements are met, the enabled and disabled states can be toggled between through a single configuration option.

    See React Checkbox Disabled demo

    React Checkbox - Disabled, KendoReact UI Library
  • Labels

    To make implementing the KendoReact Checkbox as easy as possible, the React UI component comes with a built-in Label property, which can be placed before or after the actual checkbox element. For scenarios where the built-in label is not suitable, a custom label can be easily applied.

    See React Checkbox Labels demo

    React Checkbox - Labels, KendoReact UI Library
  • Forms Support

    The KendoReact Checkbox component can be easily integrated with a HTML form, any third-party library for React forms or the KendoReact Form component.

    See React Checkbox Forms Support demo

    React Checkbox - Forms Support, KendoReact UI Library
  • Controlled and Uncontrolled Modes

    By default, the React Checkbox component is in an uncontrolled state which means that the component maintains its own state. For scenarios that require a controlled component, the value or checked properties can easily be used.

    See React Checkbox Controlled and Uncontrolled Modes demo

  • Keyboard Navigation

    The KendoReact Checkbox can be interacted with via keyboard navigation, offering keyboard shortcuts to iterate through the various checkbox states.

    See React Checkbox Keyboard Navigation demo

  • Accessibility

    The KendoReact Checkbox is compliant with Section 508 and WAI-ARIA standards and is WCAG 2.0 AAA rated.

    See React Checkbox Accessibility demo

    React Accessibility - KendoReact

All KendoReact Components

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.