aspect-ratio-demo.tsx — ui Source File
Architecture documentation for aspect-ratio-demo.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR dfd9a8a7_47c0_7553_e7b5_91f9f5bca797["aspect-ratio-demo.tsx"] 3eb36dd7_f51a_1431_02e2_7abafe315718["image"] dfd9a8a7_47c0_7553_e7b5_91f9f5bca797 --> 3eb36dd7_f51a_1431_02e2_7abafe315718 b8abad9c_c542_77d0_af73_6872a63a249c["aspect-ratio"] dfd9a8a7_47c0_7553_e7b5_91f9f5bca797 --> b8abad9c_c542_77d0_af73_6872a63a249c style dfd9a8a7_47c0_7553_e7b5_91f9f5bca797 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import Image from "next/image"
import { AspectRatio } from "@/registry/new-york/ui/aspect-ratio"
export default function AspectRatioDemo() {
return (
<AspectRatio ratio={16 / 9} className="bg-muted">
<Image
src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
alt="Photo by Drew Beamer"
fill
className="h-full w-full rounded-md object-cover"
/>
</AspectRatio>
)
}
Domain
Subdomains
Functions
Dependencies
- aspect-ratio
- image
Source
Frequently Asked Questions
What does aspect-ratio-demo.tsx do?
aspect-ratio-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in aspect-ratio-demo.tsx?
aspect-ratio-demo.tsx defines 1 function(s): AspectRatioDemo.
What does aspect-ratio-demo.tsx depend on?
aspect-ratio-demo.tsx imports 2 module(s): aspect-ratio, image.
Where is aspect-ratio-demo.tsx in the architecture?
aspect-ratio-demo.tsx is located at deprecated/www/registry/new-york/examples/aspect-ratio-demo.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/examples).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free