shadimage
lema-ds
uiaspect-ratiosource: ok · hit

Aspect Ratio

A wrapper that maintains a consistent aspect ratio for its child content.

npx shadcn add "https://ds.lema.ufpb.br/r/aspect-ratio.json"
free

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

Dependencies

Bundle weight · light
radix-ui

Files1 · source cached 10/14/2026, 2:29:08 PM

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

import { AspectRatio as AspectRatioPrimitive } from "radix-ui"

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

export { AspectRatio }

More from lema-ds

Browse all components in this library →