UNPKG

fuelux

Version:

Base Fuel UX styles and controls

github.com/ExactTarget/fuelux

ExactTarget/fuelux

67 lines (52 loc) • 2.34 kB
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html> <html lang="en"> <head><title>Sample Markup</title></head> <body> <div id="MySpinboxContainer"> <div class="form-group"> <label class="control-label" for="MySpinboxWithDefaultInput1">Without Default</label> <div id="MySpinbox" class="spinbox"> <input id="MySpinboxWithDefaultInput1" type="text" class="form-control input-mini spinbox-input" /> <div class="spinbox-buttons btn-group btn-group-vertical"> <button type="button" class="btn btn-default spinbox-up btn-xs"> <span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span> </button> <button type="button" class="btn btn-default spinbox-down btn-xs"> <span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span> </button> </div> </div> </div> <div class="form-group"> <label class="control-label" for="MySpinboxWithDefaultInput2">With Default</label> <div id="MySpinboxWithDefault" class="spinbox"> <input id="MySpinboxWithDefaultInput2" type="text" value="3" class="form-control input-mini spinbox-input" /> <div class="spinbox-buttons btn-group btn-group-vertical"> <button type="button" class="btn btn-default spinbox-up btn-xs"> <span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span> </button> <button type="button" class="btn btn-default spinbox-down btn-xs"> <span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span> </button> </div> </div> </div> <div class="form-group"> <label class="control-label" for="MySpinboxWithDecimalInput">With decimal and units</label> <div class="form-group"> <div id="MySpinboxDecimal" class="spinbox"> <input id="MySpinboxWithDecimalInput" type="text" class="form-control input-mini spinbox-input" /> <div class="spinbox-buttons btn-group btn-group-vertical"> <button type="button" class="btn btn-default spinbox-up btn-xs"> <span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span> </button> <button type="button" class="btn btn-default spinbox-down btn-xs"> <span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span> </button> </div> </div> </div> </div> </div> </body> </html>