Learn more about Mintlify
Enter your email to receive updates about new features and product releases.
Displays content within a desired ratio.
npx shadcn-svelte@next add aspect-ratio
Install bits-ui
npm install bits-ui -D
Copy component code
<script lang="ts"> import { AspectRatio } from "$lib/components/ui/aspect-ratio/index.js"; </script> <div class="w-[450px]"> <AspectRatio ratio={16 / 9} class="bg-muted"> <img src="..." alt="..." class="rounded-md object-cover" /> </AspectRatio> </div>