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);
	}
});