my code stock.com

Tobias Hopp

Checkbox UI, Switch UI, Range, Ui
by Tobias Hopp

Userinterface elements, switch, checkbox

Snippet options

Download: Download snippet as checkbox-ui-switch-ui-range-ui.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<div class="examples">
	<h2>Checkbox</h2>
	<div class="checkbox">
	    <input type="checkbox" name="checkbox-1" id="checkbox-1" value="" />
	    <label for="checkbox-1"></label>
	</div>
</div>
<div class="examples">
	<h2>Switch</h2>
	<div class="switch">
		<input type="checkbox" name="checkbox-2" id="checkbox-2" value="" />
		<label for="checkbox-2"></label>
	</div>
</div>
<div class="examples">
	<h2>Range</h2>
	<div class="slider">
		<ul class="timeline">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<input type="range" min="0" max="10" step="2" value="0">
	</div>
</div>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.