shadcn-ui/apps/v4/components/input-demo.tsx

import { Input } from "@/registry/new-york-v4/ui/input"

export function InputDemo() {
  return (
    <div className="flex flex-col flex-wrap gap-4 md:flex-row">
      <Input type="email" placeholder="Email" />
      <Input type="text" placeholder="Error" aria-invalid="true" />
      <Input type="password" placeholder="Password" />
      <Input type="number" placeholder="Number" />
      <Input type="file" placeholder="File" />
      <Input type="tel" placeholder="Tel" />
      <Input type="text" placeholder="Text" />
      <Input type="url" placeholder="URL" />
      <Input type="search" placeholder="Search" />
      <Input type="date" placeholder="Date" />
      <Input type="datetime-local" placeholder="Datetime Local" />
      <Input type="month" placeholder="Month" />
      <Input type="time" placeholder="Time" />
      <Input type="week" placeholder="Week" />
      <Input disabled placeholder="Disabled" />
    </div>
  )
}