element-plus-radio

Provide Element Plus radio component API details for Vue forms.

7|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-radio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: element-plus-radio
Source: https://github.com/wepn13232/element-plus-skills/tree/main/radio
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-radio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides immediate access to Element Plus Radio, RadioGroup, and RadioButton API details so developers can avoid manual documentation searches during implementation.

Core Features & Use Cases

  • Radio and RadioGroup Reference: Captures every attribute, event, slot, and default value for binding and accessibility requirements.
  • RadioButton Coverage: Documents the props and slots specific to button-style radios for consistent form controls.
  • Use Case: When building a choice-driven form, use this skill to instantly find which props to bind and how to respond to change events.

Quick Start

Ask the skill to explain how to configure el-radio with RadioGroup and RadioButton for a form.

Frequently Asked Questions about element-plus-radio

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

FAQPage Schema
How do I configure el-radio with RadioGroup for a Vue form?

To configure el-radio with RadioGroup for a Vue form, bind the v-model directive to RadioGroup and place el-radio components inside, using the label attribute to define selected values. This structure ensures synchronized form controls.

What is the difference between el-radio and RadioButton in Element Plus?

The difference between el-radio and RadioButton in Element Plus is that RadioButton renders a button-style interface. RadioButton provides specific props and slots for consistent form controls, while el-radio uses a standard circular indicator.

What events does Element Plus RadioGroup emit when the selected value changes?

Element Plus RadioGroup emits the change event when the selected value changes. You can bind to this event signature to respond to user selections and execute logic during Vue form interactions.

Can I customize the content of an Element Plus radio component using slots?

You can customize the content of an Element Plus radio component using slots. The radio API documents slot usage, allowing you to inject custom labels or icons instead of relying on default text attributes.

What are the default attribute values for Element Plus radio components?

Default attribute values for Element Plus radio components include disabled set to false and border set to false. Accessing the radio API details provides exact defaults for binding and accessibility requirements without manual searches.