Mixed template

You can use Mixed grid to quickly setup a fast layout composition for images, videos or other visual like assets which can be dragged and dropped on the board. You can add different elements inside this composition to answer your design needs.

Open on CodeSandbox

html

<div class="grid">
	<div class="cs1 ce12">
		<input class="input input-small" type="search" placeholder="Enter something"/>
	</div>
	<div class="cs1 ce12">
			<div class="tabs">
				<div class="tabs-header-list">
					<div tabindex="0" class="tab tab-active">
							<div class="tab-text tab-badge">Tab one</div>
					</div>
					<div tabindex="0" class="tab ">
						<div class="tab-text tab-badge">Tab one</div>
					</div>
					<div tabindex="0" class="tab">
						<div class="tab-text tab-badge">Tab one</div>
					</div>
				</div>
		</div>
	</div>
	<div class="cs1 ce12">
		<button class="button-icon button-icon-small icon-eye" type="button"></button>
		<button class="button-icon button-icon-small icon-parameters" type="button"></button>
	</div>
	<div class="cs1 ce12 placeholder"></div>
	<div class="cs1 ce12 placeholder"></div>
	<div class="cs1 ce12 placeholder"></div>
</div>

🏓 Interactive playground