shadimage
thegridcn
componentaspect-ratiosource: ok · refreshed

Aspect Ratio

npx shadcn add "https://thegridcn.com/r/aspect-ratio.json"
free

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light
ui-primitives@radix-ui/react-aspect-ratio

Files1 · source cached 10/8/2026, 9:53:43 AM

src/components/ui/aspect-ratio.tsx
"use client"

import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"

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

export { AspectRatio }

More from thegridcn

Browse all components in this library →