AspectRatio() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AspectRatio() — ui Function Reference

Dependency Diagram

graph TD
  15275c09_05cc_d3dc_6368_387e851eaf56["AspectRatio()"]
  2c4532f5_dbc8_5700_9dd3_012499bc3bbb["aspect-ratio.tsx"]
  15275c09_05cc_d3dc_6368_387e851eaf56 -->|defined in| 2c4532f5_dbc8_5700_9dd3_012499bc3bbb
  style 15275c09_05cc_d3dc_6368_387e851eaf56 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/ui-rtl/aspect-ratio.tsx lines 5–9

function AspectRatio({
  ...props
}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {
  return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />
}