devextreme-checkbox

Implement DevExtreme CheckBox across Angular, React, Vue, and jQuery.

39|7|Updated Jun 2, 2026

Search Tags:#react #angular #vue #jquery #ui component #checkbox #devextreme

Ready to run

npx skills add https://github.com/DevExpress/agent-skills --skill devextreme-checkbox

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: devextreme-checkbox
Source: https://github.com/DevExpress/agent-skills/tree/main/plugins/dx-devextreme/skills/devextreme-checkbox
Command: npx skills add https://github.com/DevExpress/agent-skills --skill devextreme-checkbox

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers often struggle to correctly implement the DevExtreme CheckBox component across different frontend frameworks, leading to bugs from incorrect API usage, inconsistent UI behavior, or accidental use of plain HTML or third-party checkbox libraries that don't match DevExtreme's design system.

Core Features & Use Cases

Multi-framework support: Provides correct, framework-specific code for Angular, React, Vue, and jQuery.
Common pattern coverage: Handles three-state (checked/unchecked/indeterminate) behavior, value change events, custom labels, tooltips, and two-way state binding.
Use case: A developer building a "Select all" feature for a data grid can use this skill to get working code for the indeterminate state and value change handling tailored to their chosen framework.

Quick Start

Ask the AI to generate a DevExtreme CheckBox implementation for your chosen framework with three-state behavior and a value change event handler.

Frequently Asked Questions about devextreme-checkbox

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement a DevExtreme CheckBox with three-state behavior in React?▼

To implement a three-state DevExtreme CheckBox in React, configure the component for checked, unchecked, and indeterminate states while binding the value change event handler to manage state updates. This ensures type-safe integration without relying on plain HTML inputs.

What is the best way to handle value change events for a DevExtreme CheckBox in Angular?▼

The best way to handle value change events for a DevExtreme CheckBox in Angular is to use framework-conventional two-way state binding and event handling. This approach adheres to TypeScript best practices and prevents inconsistent UI behavior from incorrect API usage.

Can I use DevExtreme CheckBox components with Vue for boolean toggle inputs?▼

Yes, you can use DevExtreme CheckBox components with Vue for boolean toggle inputs. The component supports framework-specific integration, allowing you to handle custom labels, tooltips, and state binding conventionally within your Vue application.

Does DevExtreme CheckBox support jQuery and TypeScript integration?▼

Yes, DevExtreme CheckBox supports jQuery and TypeScript integration. It provides type-safe code implementations that adhere to framework-specific best practices, ensuring correct API usage and avoiding accidental reliance on third-party checkbox libraries.

Why should I use the DevExtreme CheckBox instead of plain HTML checkboxes?▼

You should use the DevExtreme CheckBox instead of plain HTML checkboxes to maintain consistency with DevExtreme's design system and avoid UI bugs. It provides built-in support for three-state behavior, custom labels, and type-safe event handling across Angular, React, Vue, and jQuery.