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
  d86fd5ed_1ab2_990f_f432_98bebcfaa9c9["AspectRatioDemo()"]
  60edcc4a_52c8_c7ab_06a6_06a05b6c7404["aspect-ratio-demo.tsx"]
  d86fd5ed_1ab2_990f_f432_98bebcfaa9c9 -->|defined in| 60edcc4a_52c8_c7ab_06a6_06a05b6c7404
  style d86fd5ed_1ab2_990f_f432_98bebcfaa9c9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

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