SOURCE CODE: Uize.Widgets.ColorSwatch.Html (view docs)

Uize.module ({
  name:'Uize.Widgets.ColorSwatch.Html',
  builder:function () {
    'use strict';

    return Uize.package ({
      process:function (i) {
        function _resolveNonStringToPixel (_value) {return typeof _value == "string" ? _value : +_value + "px"}
        var
          m = this,
          i = arguments [0],
          _idPrefix = i.idPrefix
        ;
        return (
          '<div id="' + _idPrefix + '" class="' + i['mCssBindings_rootNodeClasses'] + '" style="' + 'background-color:' + _resolveNonStringToPixel (i['valueAsHexRgb']) + ';' + '"></div>\r\n\r\n'
        );

      }
    });
  }
});