Vinyl UI

Input

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

Installation

npx shadcn@latest add @vinyl/input

Usage

import { Input } from '@/components/ui/input';

<Input placeholder="Track name" aria-label="Track name" />

API

Accepts every native <input> / TextInput prop. Set aria-invalid (web) to show the destructive state. Always give it a label.

On this page