FullBleed

Creates a centered ‘tube of content’ with options for elements to break the column srpead out to the left and right.

Available classes for child elements are:

• full-bleed--1
• full-bleed--2
• full-bleed--3
• full-bleed--4
• full-bleed--left
• full-bleed--left--2
• full-bleed--left--3
• full-bleed--left--4
• full-bleed--right
• full-bleed--right--2
• full-bleed--right--3
• full-bleed--right--4

Usage

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

<FullBleed>
	<span class="full-bleed">.full-bleed</span>
	<span>Item</span>
	<span class="full-bleed--2">.full-bleed--2</span>
	...
</FullBleed>

Props

Default