Frame

Element with a defined width / height ratio into which any content can be placed.

Content will be stretched to fill the Frame area.

Content which overflows the Frame will be clipped off.

Usage

<script>
	import { Frame } from 'creditdesign-svelte-components';
</script>

<Frame frameRatioHeight={0} frameRatioWidth={0} className="test">
	<img src="/img/image.jpg" alt="Test." />
</Frame>

Props

Default