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

component-card.tsx — ui Source File

Architecture documentation for component-card.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
  f86c3b6c_6504_d848_4b74_b462d970f629["component-card.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  f86c3b6c_6504_d848_4b74_b462d970f629 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  f86c3b6c_6504_d848_4b74_b462d970f629 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  b8abad9c_c542_77d0_af73_6872a63a249c["aspect-ratio"]
  f86c3b6c_6504_d848_4b74_b462d970f629 --> b8abad9c_c542_77d0_af73_6872a63a249c
  style f86c3b6c_6504_d848_4b74_b462d970f629 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React from "react"

import { cn } from "@/lib/utils"
import { AspectRatio } from "@/registry/new-york/ui/aspect-ratio"

export function ComponentCard({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <AspectRatio ratio={1 / 1} asChild>
      <div
        className={cn(
          "flex items-center justify-center rounded-md border p-8",
          className
        )}
        {...props}
      />
    </AspectRatio>
  )
}

Domain

Subdomains

Functions

Dependencies

  • aspect-ratio
  • react
  • utils

Source

Frequently Asked Questions

What does component-card.tsx do?
component-card.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 component-card.tsx?
component-card.tsx defines 1 function(s): ComponentCard.
What does component-card.tsx depend on?
component-card.tsx imports 3 module(s): aspect-ratio, react, utils.
Where is component-card.tsx in the architecture?
component-card.tsx is located at deprecated/www/components/component-card.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/components).

Analyze Your Own Codebase

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

Try Supermodel Free