Separator

Visual divider.

Side A

Side B

Bonus

Vinyl styling: Uses the border token.

Installation

npx shadcn@latest add @vinyl/separator

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

<Separator />
<Separator orientation="vertical" />

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

Select

Pick a value from a list.

Skeleton

Loading placeholder.