ComponentCard() — ui Function Reference

Architecture documentation for the ComponentCard() function in component-card.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ComponentCard() — ui Function Reference

Dependency Diagram

graph TD
  1572518b_a544_c13e_b76a_1195e8bc700c["ComponentCard()"]
  f86c3b6c_6504_d848_4b74_b462d970f629["component-card.tsx"]
  1572518b_a544_c13e_b76a_1195e8bc700c -->|defined in| f86c3b6c_6504_d848_4b74_b462d970f629
  style 1572518b_a544_c13e_b76a_1195e8bc700c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/component-card.tsx lines 6–21

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