@ustack/uskin
Version:
A graceful framework which provides developers another chance to build an amazing site.
34 lines • 1.06 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Switch Sample</title>
<link href="../../dist/css/uskin.css" rel="stylesheet">
<style type="text/css">
div { margin: 20px; }
</style>
</head>
<body>
<div class="switch">
<input id="uskin-1" type="checkbox" />
<label for="uskin-1" class="switch-inner"></label>
</div>
<div class="switch">
<input id="uskin-2" type="checkbox" checked />
<label for="uskin-2" class="switch-inner"></label>
</div>
<div class="switch">
<input id="uskin-3" type="checkbox" checked />
<label for="uskin-3" class="switch-inner">ON</label>
</div>
<div class="switch">
<input id="uskin-4" type="checkbox" />
<label for="uskin-4" class="switch-inner">OFF</label>
</div>
<div class="switch disabled">
<input id="uskin-5" type="checkbox" checked />
<label for="uskin-5" class="switch-inner">OFF</label>
</div>
</body>
</html>