InputGrid() — ui Function Reference

Architecture documentation for the InputGrid() function in input-grid.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ InputGrid() — ui Function Reference

Dependency Diagram

graph TD
  41054e51_82c6_9ba0_9b12_8aabed9edb3c["InputGrid()"]
  ba99cada_aa66_a42f_c8e1_5dee19f4a916["input-grid.tsx"]
  41054e51_82c6_9ba0_9b12_8aabed9edb3c -->|defined in| ba99cada_aa66_a42f_c8e1_5dee19f4a916
  style 41054e51_82c6_9ba0_9b12_8aabed9edb3c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/input-grid.tsx lines 4–17

export function InputGrid() {
  return (
    <FieldGroup className="grid max-w-sm grid-cols-2">
      <Field>
        <FieldLabel htmlFor="first-name">First Name</FieldLabel>
        <Input id="first-name" placeholder="Jordan" />
      </Field>
      <Field>
        <FieldLabel htmlFor="last-name">Last Name</FieldLabel>
        <Input id="last-name" placeholder="Lee" />
      </Field>
    </FieldGroup>
  )
}