Aspect ratio

Live component. Click, hover, and type to try it.

Install

npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio.json

About

Aspect ratio from shadcn/ui.

Code

"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 in Other