Create single-selection inputs using Naive UI radio components.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-radio
Please help me install this Agent Skill. Skill: n-radio Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-radio Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-radio
Providing a cohesive, accessible single-select input experience built from Naive UI radio components (n-radio, n-radio-group, n-radio-button) for consistent forms and UI.
Bind a v-model to n-radio-group and render n-radio options to enable a single-select input in your form.
High-intent search queries and answers about installing and using this skill.
To create a single-select radio input in Vue, bind a v-model to the n-radio-group component and render n-radio options inside it to enable mutually exclusive selection for your form.
The n-radio component renders a standard single-selection option, whereas n-radio-button provides a button-style radio for prominent options within an n-radio-group for coordinated selection.
Yes, Naive UI radios support size and disabled properties for flexible layouts, allowing you to disable individual options or adjust dimensions within your n-radio-group.
Naive UI radio components emit update:value on n-radio-group and update:checked on individual n-radio elements to synchronize the selected option with your Vue application state.
Yes, the Naive UI radio component includes accessibility considerations for labeled options, ensuring that single-selection inputs like preferences or settings remain usable with assistive technologies.
jiaiyanConfigure Naive UI internationalization with NConfigProvider and createLocale for Vue 3 apps.
ernitptEnforce consistent form validation, state management, and submission patterns.
jiaiyanImplement in-page anchor navigation and dynamic tables of contents with Vue and Naive UI.
kriscendobotStyle native HTML select elements with CSS pseudo-elements and pseudo-classes.
