Color

A color component allows user to select a color within the application.

Default


    <form>
    <div class="form-group color">
      <label for="color1">Select a color: </label>
      <div class="input-group">
        <input type="text" id="color1" class="form-control" value='#cc3333'/>
        <span class="color-drop"></span>
        <span class="add-on"><span class="color-picker"></span></span>
      </div>
    </div>
    <div class="form-group color">
      <label for="color2">Select a color: </label>
      <div class="input-group">
        <input type="text" id="color2" class="form-control" value='red' data-color-set='{"colors":"ffffff, ebebeb, e1e1e1, d7d7d7, cccccc, c2c2c2, b7b7b7, acacac, a0a0a0, 959595, 898989, 7d7d7d, 707070, 626262, 555555, 464646, 363636, 262626, 111111, 000000"}'/>
        <span class="color-drop"></span>
        <span class="add-on"><span class="color-picker"></span></span>
      </div>
    </div>
  </form>