Disabling Specific Options in Kendo UI for Vue RadioGroup

Environment

Product Version	7.0.0
Product	Progress® Kendo UI for Vue Native

Description

I want to disable specific options, not all, in the Kendo UI for Vue RadioGroup. The default documentation discusses disabling the entire RadioGroup, but it does not cover how to disable individual items.

This knowledge base article also answers the following questions:

• How do I make certain items in a RadioGroup non-selectable?
• Is it possible to disable specific radio options in Kendo UI for Vue?
• How can I programmatically disable radio buttons in Kendo UI for Vue RadioGroup?

Solution

To disable specific options in the Kendo UI for Vue RadioGroup, define the data-items array passed to the RadioGroup component. Each item in the data-items array is an object that can include the disabled property. Set the disabled property to true for the items that need to be disabled.

Change Theme

Theme

Loading ...

Key Points:

1. The data-items property of the RadioGroup accepts an array of items.
2. Each item can include the disabled property to disable specific options.

See Also

• Kendo UI for Vue RadioGroup Overview
• RadioGroup API