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

component.tsx — ui Source File

Architecture documentation for component.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx Internationalization Dictionary 2 imports 3 functions

Entity Profile

Dependency Diagram

graph LR
  72282977_740d_1a8c_6f8c_ce0bde8412fb["component.tsx"]
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  72282977_740d_1a8c_6f8c_ce0bde8412fb --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  9215b8d6_d2f4_9f5a_aae2_e346f8b8fbc6["atom"]
  72282977_740d_1a8c_6f8c_ce0bde8412fb --> 9215b8d6_d2f4_9f5a_aae2_e346f8b8fbc6
  style 72282977_740d_1a8c_6f8c_ce0bde8412fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Link from "next/link"

import { Atom } from "@/components/lo-fi/atom"

function Component({ href, ...props }: React.ComponentProps<typeof Link>) {
  return <Link href={href} className="group flex flex-col gap-2" {...props} />
}

function ComponentContent({ ...props }: React.ComponentProps<typeof Atom>) {
  return (
    <Atom
      shade="50"
      className="bg-muted/30 ring-muted flex aspect-video items-center justify-center rounded-lg p-4 ring *:w-full *:max-w-[70%]"
      {...props}
    />
  )
}

function ComponentName({ ...props }: React.ComponentProps<"div">) {
  return (
    <div
      className="text-foreground text-center font-medium underline-offset-2 group-hover:underline"
      {...props}
    />
  )
}

export { Component, ComponentContent, ComponentName }

Domain

Subdomains

Functions

Dependencies

  • atom
  • link

Source

Frequently Asked Questions

What does component.tsx do?
component.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, Dictionary subdomain.
What functions are defined in component.tsx?
component.tsx defines 3 function(s): Component, ComponentContent, ComponentName.
What does component.tsx depend on?
component.tsx imports 2 module(s): atom, link.
Where is component.tsx in the architecture?
component.tsx is located at apps/v4/components/lo-fi/component.tsx (domain: Internationalization, subdomain: Dictionary, directory: apps/v4/components/lo-fi).

Analyze Your Own Codebase

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

Try Supermodel Free