UNPKG

fuelux

Version:

Base Fuel UX styles and controls

67 lines (52 loc) 2.34 kB
<!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>