1

Radio GroupNew

A radio group with roving tabindex and a dot morph selection indicator.

Dependencies

motion

Interaction Type

Click or use arrow keys to select. One radio at a time.

Props

Options you can pass to customize this component.

Prop
Type
Description
value
string

Controlled selected value.

onValueChange
(value: string) => void

Called on selection.

name
string

Form field name.

Installation

npx shadcn@latest addhttps://ui.nexvyn.dev/r/radio-group.json

How to use

<RadioGroup value={size} onValueChange={setSize}>
  <RadioItem value="small" label="Small" />
  <RadioItem value="large" label="Large" />
</RadioGroup>

Source Code

Click the code icon in the top-right corner to view the source code.

Contact

Questions or feedback? Reach out anytime.

License & Usage

  • •Free for personal and commercial use
  • •No attribution required
  • •Cannot be resold as a standalone product
  • •Anatomy/blueprint diagrams are licensed separately (CC BY-NC 4.0) and are not for commercial use
// No code loaded.
npx shadcn@latest addhttps://ui.nexvyn.dev/r/radio-group.json