text-field-types

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/text-field-types.tsx
import { TextField } from "@/registry/new-york/ui/text-field"

export default function TextFieldTypes() {
  return (
    <div className="grid w-full max-w-md gap-4">
      <TextField label="Email" type="email" placeholder="you@example.com" />
      <TextField label="Password" type="password" placeholder="••••••••" />
      <TextField label="URL" type="url" placeholder="https://example.com" />
      <TextField label="Phone" type="tel" placeholder="+1 (555) 000-0000" />
    </div>
  )
}

Installation

npx shadcn@latest add @taki/text-field-types

Usage

import { TextFieldTypes } from "@/components/text-field-types"
<TextFieldTypes />