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 da0a40ea_a2e7_6183_e93b_3424828963ed["aspect-ratio-demo.tsx"] 3eb36dd7_f51a_1431_02e2_7abafe315718["image"] da0a40ea_a2e7_6183_e93b_3424828963ed --> 3eb36dd7_f51a_1431_02e2_7abafe315718 d54e2339_0f91_c42a_3fc4_8725563e9128["aspect-ratio"] da0a40ea_a2e7_6183_e93b_3424828963ed --> d54e2339_0f91_c42a_3fc4_8725563e9128 style da0a40ea_a2e7_6183_e93b_3424828963ed fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import Image from "next/image"
import { AspectRatio } from "@/registry/default/ui/aspect-ratio"
export 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/default/internal/sink/components/aspect-ratio-demo.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/default/internal/sink/components).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free