18Switch language to English

Form Field

السابقالتالي

Form field primitives with label and input components.

import { FormFieldText } from "@/components/atom/form-field"

export default function FormFieldDemo() {
  return (
    <>
      <div className="w-full max-w-sm">
        <FormFieldText label="Email" type="email" placeholder="m@example.com" />
      </div>
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/form-field

Usage

import { FormField, FormFieldText } from "@/components/atom/form-field"
<FormFieldText label="Email" type="email" placeholder="m@example.com" />

Examples

Form

<FormFieldText label="Name" placeholder="John Doe" />
<FormFieldText label="Email" type="email" placeholder="john@example.com" />