InputDemo() — ui Function Reference

Architecture documentation for the InputDemo() function in input-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ InputDemo() — ui Function Reference

Dependency Diagram

graph TD
  d2117292_4082_1eeb_b053_265701b5ff59["InputDemo()"]
  a9211223_f2c8_2a22_b2ed_0eacfec8ab80["input-demo.tsx"]
  d2117292_4082_1eeb_b053_265701b5ff59 -->|defined in| a9211223_f2c8_2a22_b2ed_0eacfec8ab80
  style d2117292_4082_1eeb_b053_265701b5ff59 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/components/input-demo.tsx lines 3–23

export function InputDemo() {
  return (
    <div className="flex flex-col flex-wrap gap-4 md:flex-row">
      <Input type="email" placeholder="Email" />
      <Input type="text" placeholder="Error" aria-invalid="true" />
      <Input type="password" placeholder="Password" />
      <Input type="number" placeholder="Number" />
      <Input type="file" placeholder="File" />
      <Input type="tel" placeholder="Tel" />
      <Input type="text" placeholder="Text" />
      <Input type="url" placeholder="URL" />
      <Input type="search" placeholder="Search" />
      <Input type="date" placeholder="Date" />
      <Input type="datetime-local" placeholder="Datetime Local" />
      <Input type="month" placeholder="Month" />
      <Input type="time" placeholder="Time" />
      <Input type="week" placeholder="Week" />
      <Input disabled placeholder="Disabled" />
    </div>
  )
}