mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-17 03:01:25 +00:00
17 lines
366 B
Svelte
17 lines
366 B
Svelte
<script>
|
|
/**
|
|
* Specify the aspect ratio
|
|
* @type {"2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "9x16" | "1x2"} [ratio="2x1"]
|
|
*/
|
|
export let ratio = "2x1";
|
|
</script>
|
|
|
|
<div
|
|
{...$$restProps}
|
|
class:bx--aspect-ratio="{true}"
|
|
class="bx--aspect-ratio--{ratio} {$$restProps.class}"
|
|
>
|
|
<div class:bx--aspect-ratio--object="{true}">
|
|
<slot />
|
|
</div>
|
|
</div>
|