forked from olton/Metro-UI-CSS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
buttons-set.php
49 lines (45 loc) · 2.06 KB
/
buttons-set.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?php include("header.php")?>
<div class="page secondary">
<div class="page-header">
<div class="page-header-content">
<h1>Sets of Buttons<small>demo</small></h1>
<a href="/" class="back-button big page-back"></a>
</div>
</div>
<div class="page-region">
<div class="page-region-content">
<div class="grid">
<div class="row">
<div class="span10">
<h2>Button set</h2>
<div class="button-set place-left" data-role="button-set">
<button class="active">button 1</button>
<button>button 2</button>
<button>button 3</button>
</div>
<div class="button-set" data-role="button-set">
<button class="tool-button active"><img src="images/bage-playing.png" /></button>
<button class="tool-button"><img src="images/bage-paused.png" /></button>
<button class="tool-button"><img src="images/bage-busy.png" /></button>
</div>
<h2>Component definition</h2>
<pre class="prettyprint linenums">
<div class="button-set" data-role="button-set">
<button class="active"> ... </button>
<button> ... </button>
</div>
------------
<div class="button-set" data-role="button-set">
<button class="tool-button active"> ... </button>
<button class="tool-button"> ... </button>
</div>
</pre>
<h3>Javascript</h3>
<p>To activate button set include in head <code>buttonset.js</code></p>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include("footer.php")?>