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

Relationship Graph

Source Code

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