color-palette-picker for bootstrap 3/4
Simple color palette picker for bootstrap
Usage:
<div id="colorpalettediv"></div>
$('#colorpalettediv').colorPalettePicker();
Options
Name | Html tag | Type | Default | Description |
---|---|---|---|---|
bootstrap | int | 4 | Selected version of Bootstrap (can choose between 3 or 4) | |
lines | data-lines | int | 1 | Number of rows to be divided palette array |
palette | data-colors | array | ['aqua', 'azure', 'beige', 'brown', 'cyan', 'darkcyan', 'darkgrey', 'darkkhaki', 'darkorange', 'darkorchid', 'darksalmon', 'fuchsia', 'gold', 'green', 'khaki', 'lightblue', 'lightcyan', 'lightgreen', 'lightgrey', 'lightpink', 'lightyellow', 'lime', 'magenta', 'olive', 'orange', 'pink', 'silver', 'yellow'] | List of colors to choose from |
buttonText | string | Choose color | ||
buttonClass | string | btn btn-secondary dropdown-toggle | ||
dropdownTitle | string | Available colors |
Methods
onSelected
Return chosen color
$('#colorpalettediv').colorPalettePicker({ onSelected: function(color){ alert(color); } });