Colorpicker
Code Here:
<h5 class="card-title">Simple mode</h5>
<div class="example border-bottom pb-3">
<input type="text" class="colorpicker form-control" value="#7ab2fa" />
</div>
<h5 class="card-title mt-3">Complex mode</h5>
<div class="example border-bottom pb-3">
<input type="text" class="complex-colorpicker form-control" value="#fa7a7a" />
</div>
<h5 class="card-title mt-3">Gradiant mode</h5>
<div class="example border-bottom pb-3">
<input type="text" class="gradient-colorpicker form-control" value="#bee0ab" />
</div>
Init Code
$(".colorpicker").asColorPicker();
$(".complex-colorpicker").asColorPicker({
mode: 'complex'
});
$(".gradient-colorpicker").asColorPicker({
mode: 'gradient'
});
Required Files For Colorpicker Here
<!-- CSS Here -->
<link href="../assets/node_modules/jquery-asColorPicker-master/dist/css/asColorPicker.css" rel="stylesheet">
<!-- Javascript Here -->
<script src="../assets/node_modules/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js"></script>