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
  4e53e3d0_63a0_261c_5750_82858c9656f3["InputGrid()"]
  7a861bda_e762_e737_8653_a5628dbedde3["input-grid.tsx"]
  4e53e3d0_63a0_261c_5750_82858c9656f3 -->|defined in| 7a861bda_e762_e737_8653_a5628dbedde3
  style 4e53e3d0_63a0_261c_5750_82858c9656f3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}