Skip to content

Input

Fields are recessed, not raised — a well sunk into the surface, shaded at its top edge where the light falls.

Install

$ pnpm dlx shadcn@latest add https://vitrumui.vercel.app/r/input.json

Examples

Default

Email

"use client";

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

export function InputDemo() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-2">
      <label htmlFor="demo-email" className="text-sm font-medium">
        Email
      </label>
      <Input id="demo-email" type="email" placeholder="you@studio.glass" />
    </div>
  );
}

API

<Input />

Prop	Type	Default	Description
type	string	"text"	Any native input type.