AspectRatioDemo() — ui Function Reference

Architecture documentation for the AspectRatioDemo() function in aspect-ratio-demo.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ AspectRatioDemo() — ui Function Reference

Dependency Diagram

graph TD
  c76fcf26_d872_4bf1_b9d0_b436d4df4f24["AspectRatioDemo()"]
  dfd9a8a7_47c0_7553_e7b5_91f9f5bca797["aspect-ratio-demo.tsx"]
  c76fcf26_d872_4bf1_b9d0_b436d4df4f24 -->|defined in| dfd9a8a7_47c0_7553_e7b5_91f9f5bca797
  style c76fcf26_d872_4bf1_b9d0_b436d4df4f24 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/examples/aspect-ratio-demo.tsx lines 5–16

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