Radio Group

Vinyl styling: 2px foreground rings.

InstallationCopy Anchor Link

npx shadcn@latest add @vinyl/radio-group

The @vinyl registry URL in components.json decides whether you get the web or the native version (see installation for web / native).

UsageCopy Anchor Link

<RadioGroup defaultValue="chrome">
  <RadioGroupItem value="chrome" id="chrome" />
  <Label htmlFor="chrome">Chrome</Label>
</RadioGroup>

APICopy Anchor Link

Same API as shadcn/ui's Radio Group on the web, and React Native Reusables' Radio Group on native. Vinyl only changes styling and motion.