snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/radix/aspect-ratio-portrait.tsx

@@ -0,0 +1,18 @@
+import Image from "next/image"
+
+import { AspectRatio } from "@/styles/radix-nova/ui/aspect-ratio"
+
+export function AspectRatioPortrait() {
+  return (
+    <div className="w-full max-w-[10rem]">
+      <AspectRatio ratio={9 / 16} className="rounded-lg bg-muted">
+        <Image
+          src="https://avatar.vercel.sh/shadcn1"
+          alt="Photo"
+          fill
+          className="rounded-lg object-cover grayscale dark:brightness-20"
+        />
+      </AspectRatio>
+    </div>
+  )
+}