mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-02-08 18:39:31 +08:00
19 lines
460 B
TypeScript
19 lines
460 B
TypeScript
"use client"
|
|
|
|
import Image from "next/image"
|
|
|
|
import { AspectRatio } from "@/components/ui/aspect-ratio"
|
|
|
|
export function AspectRatioDemo() {
|
|
return (
|
|
<AspectRatio ratio={16 / 9} className="bg-slate-50 dark:bg-slate-800">
|
|
<Image
|
|
src="https://images.unsplash.com/photo-1576075796033-848c2a5f3696?w=800&dpr=2&q=80"
|
|
alt="Photo by Alvaro Pinot"
|
|
fill
|
|
className="rounded-md object-cover"
|
|
/>
|
|
</AspectRatio>
|
|
)
|
|
}
|