FieldInput() — ui Function Reference

Architecture documentation for the FieldInput() function in field-input.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ FieldInput() — ui Function Reference

Dependency Diagram

graph TD
  9f812bb0_7135_35e9_7615_3d42d141c2fa["FieldInput()"]
  8ab0b95d_7f38_e1a7_5fa9_8d713d4231cd["field-input.tsx"]
  9f812bb0_7135_35e9_7615_3d42d141c2fa -->|defined in| 8ab0b95d_7f38_e1a7_5fa9_8d713d4231cd
  style 9f812bb0_7135_35e9_7615_3d42d141c2fa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/field-input.tsx lines 10–33

export default function FieldInput() {
  return (
    <div className="w-full max-w-md">
      <FieldSet>
        <FieldGroup>
          <Field>
            <FieldLabel htmlFor="username">Username</FieldLabel>
            <Input id="username" type="text" placeholder="Max Leiter" />
            <FieldDescription>
              Choose a unique username for your account.
            </FieldDescription>
          </Field>
          <Field>
            <FieldLabel htmlFor="password">Password</FieldLabel>
            <FieldDescription>
              Must be at least 8 characters long.
            </FieldDescription>
            <Input id="password" type="password" placeholder="••••••••" />
          </Field>
        </FieldGroup>
      </FieldSet>
    </div>
  )
}