Field/field-basic-inputs-

PreviousNext

A field/field-basic-inputs- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/field/field-basic-inputs-1.tsx
import { Field, FieldLabel } from "@/components/ui/field";
import { Input } from "@/components/ui/input";

export const title = "Simple Input with Label";

const Example = () => (
  <div className="w-full max-w-md">
    <Field>
      <FieldLabel htmlFor="email">Email</FieldLabel>
      <Input
        className="bg-background"
        id="email"
        placeholder="you@example.com"
        type="email"
      />
    </Field>
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/field-field-basic-inputs-1

Usage

import { FieldFieldBasicInputs1 } from "@/components/field-field-basic-inputs-1"
<FieldFieldBasicInputs1 />