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

input.tsx — ui Source File

Architecture documentation for input.tsx, a tsx file in the ui codebase. 3 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  ead023ea_aeda_e86b_2a3c_b22808fc78de["input.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  ead023ea_aeda_e86b_2a3c_b22808fc78de --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  7ad68224_cda3_6f15_3ca7_7709375da6a8["input"]
  ead023ea_aeda_e86b_2a3c_b22808fc78de --> 7ad68224_cda3_6f15_3ca7_7709375da6a8
  8ad666ec_1b20_adda_0392_87a60bdb3a68["utils"]
  ead023ea_aeda_e86b_2a3c_b22808fc78de --> 8ad666ec_1b20_adda_0392_87a60bdb3a68
  style ead023ea_aeda_e86b_2a3c_b22808fc78de fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as React from "react"
import { Input as InputPrimitive } from "@base-ui/react/input"

import { cn } from "@/registry/bases/base/lib/utils"

function Input({ className, type, ...props }: React.ComponentProps<"input">) {
  return (
    <InputPrimitive
      type={type}
      data-slot="input"
      className={cn(
        "cn-input file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
        className
      )}
      {...props}
    />
  )
}

export { Input }

Domain

Subdomains

Functions

Dependencies

  • input
  • react
  • utils

Source

Frequently Asked Questions

What does input.tsx do?
input.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in input.tsx?
input.tsx defines 1 function(s): Input.
What does input.tsx depend on?
input.tsx imports 3 module(s): input, react, utils.
Where is input.tsx in the architecture?
input.tsx is located at apps/v4/registry/bases/base/ui/input.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/ui).

Analyze Your Own Codebase

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

Try Supermodel Free