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

Relationship Graph

Source Code

deprecated/www/registry/default/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>
  )
}