Vinyl UI

Select

Pick a value from a list.

Vinyl styling: Cyan focus border; retro-shadow list panel.

Installation

npx shadcn@latest add @vinyl/select

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

Usage

<Select>
  <SelectTrigger><SelectValue placeholder="Pick a station" /></SelectTrigger>
  <SelectContent>
    <SelectItem value="886">88.6 Night Drive</SelectItem>
  </SelectContent>
</Select>

API

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

Radio Group

Choose one option from a set.

Separator

Visual divider.

On this page

InstallationUsageAPI