Docs
Aspect Ratio

Aspect Ratio

Displays content within a desired ratio.

Docs API Reference Component Source
Gray by Drew Beamer

Installation

	npx shadcn-svelte@next add aspect-ratio

Usage

	<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>
Alert Dialog Avatar