cpn-basic-radio

Guide correct usage of the UDesign Radio component in React.

1|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-radio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cpn-basic-radio
Source: https://github.com/UCloud-FE/udesign-cli/tree/main/skills/cpn-basic-radio
Command: npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-radio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

帮助 AI 正确使用 UDesign Radio 组件(单选框组件,提供多张单选框样式)。当需要使用 Radio 时加载此技能。

Core Features & Use Cases

  • 提供导入方式、基本用法、API 参数、风格类型、演示案例和最佳实践,帮助开发和设计人员快速掌握 Radio 的使用。

Quick Start

请让 AI 演示 Radio 组件的基本用法并应用 UDesign 的全局编码规范。

Frequently Asked Questions about cpn-basic-radio

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

FAQPage Schema
How do I use the UDesign Radio component in a React form?

To use the UDesign Radio component in a React form, import the component library, apply the global coding standards, and configure the API props for basic single-select usage.

What are the available styleType options for the UDesign Radio component?

The UDesign Radio component offers multiple styleType options to provide various radio button appearances. These style variants are defined within the design system to ensure visual consistency.

Does the UDesign Radio component require an internet connection to operate?

The UDesign Radio component guidance operates offline and relies solely on the skill's own instructions and the UDesign component library, requiring no internet connection for usage.

What's the best way to implement a single-select option using React and UDesign?

The best practice for implementing a single-select option is using the UDesign Radio component, following the provided demos and API props to ensure correct data binding and UI rendering.

Why does my React Radio component not match the design system specifications?

Your React Radio component may not match design system specifications if you bypass the UDesign global coding standards, fail to apply the correct styleType, or ignore the documented best practices.

Can I use UDesign Radio with other form components in React?

Yes, you can use UDesign Radio with other form components in React by importing the necessary modules from the UDesign library and applying the provided API props for seamless integration.