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 60004129_1ecd_f31a_8290_e8185406dbe2["aspect-ratio-demo.tsx"] 3eb36dd7_f51a_1431_02e2_7abafe315718["image"] 60004129_1ecd_f31a_8290_e8185406dbe2 --> 3eb36dd7_f51a_1431_02e2_7abafe315718 e3ed96fd_c28b_2a00_ad1f_2205de41ebde["aspect-ratio"] 60004129_1ecd_f31a_8290_e8185406dbe2 --> e3ed96fd_c28b_2a00_ad1f_2205de41ebde style 60004129_1ecd_f31a_8290_e8185406dbe2 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import Image from "next/image"
import { AspectRatio } from "@/registry/new-york-v4/ui/aspect-ratio"
export default function AspectRatioDemo() {
return (
<AspectRatio ratio={16 / 9} className="bg-muted rounded-lg">
<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-lg object-cover dark:brightness-[0.2] dark:grayscale"
/>
</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 apps/v4/registry/new-york-v4/examples/aspect-ratio-demo.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/new-york-v4/examples).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free