Toggle Group

Vinyl styling: Shares Toggle styling.

InstallationCopy Anchor Link

npx shadcn@latest add @vinyl/toggle-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

<ToggleGroup type="single" defaultValue="b" variant="outline">
  <ToggleGroupItem value="a">A</ToggleGroupItem>
  <ToggleGroupItem value="b">B</ToggleGroupItem>
</ToggleGroup>

APICopy Anchor Link

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