tabler/preview/playground.html

---
---

<div class="card">
	<div class="card-body">
		<input type="color" class="form-control form-control-color" value="#206bc4" name="settings-primary" id="settings-theme-color" />
	</div>
</div>

<div class="card mt-4">
	<div class="card-body">
		<div class="row">
			<div class="col-3">
				<a href="" class="btn btn-primary">Button Primary</a>
			</div>
			<div class="col-3">
				<progress class="progress" max="100" value="70">70%</progress>
			</div>
			<div class="col-3">
				{% include ui/illustration.html image="boy-with-key.svg" class="d-block mx-auto" height=400 %}
			</div>
		</div>
	</div>
</div>