ui Architecture Docs
Home / File/ input-demo.tsx — ui Source File

input-demo.tsx — ui Source File

Architecture documentation for input-demo.tsx, a tsx file in the ui codebase. 1 imports, 1 dependents.

File tsx DocumentationAtlas SearchAPI 1 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  a9211223_f2c8_2a22_b2ed_0eacfec8ab80["input-demo.tsx"]
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  a9211223_f2c8_2a22_b2ed_0eacfec8ab80 --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> a9211223_f2c8_2a22_b2ed_0eacfec8ab80
  style a9211223_f2c8_2a22_b2ed_0eacfec8ab80 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Input } from "@/registry/new-york-v4/ui/input"

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>
  )
}

Domain

Subdomains

Functions

Dependencies

  • input

Imported By

Source

Frequently Asked Questions

What does input-demo.tsx do?
input-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in input-demo.tsx?
input-demo.tsx defines 1 function(s): InputDemo.
What does input-demo.tsx depend on?
input-demo.tsx imports 1 module(s): input.
What files import input-demo.tsx?
input-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is input-demo.tsx in the architecture?
input-demo.tsx is located at apps/v4/app/(internal)/sink/components/input-demo.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free