Label

Accessible label for a form control.

Callsign

Vinyl styling: Small display caps with wide tracking.

Installation

npx shadcn@latest add @vinyl/label

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

<Label htmlFor="callsign">Callsign</Label>
<Input id="callsign" />

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

Input

Text field with a monospaced entry and a cyan focus glow.

Menubar

Desktop-style persistent menu bar.