Checkbox

Binary choice control.

Auto-reverse

Vinyl styling: 2px foreground border with tight corners.

Installation

npx shadcn@latest add @vinyl/checkbox

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

<Checkbox id="loop" defaultChecked />
<Label htmlFor="loop">Auto-reverse</Label>

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

Card

Panel with a thick border and a hard retro shadow.

Collapsible

Show and hide a single section.