Advanced examples

Add complementary color swatches

The colorpicker ColorItem class uses and comes bundled with Qix Color, a great color parsing library with a friendly API that allows you to manipulate and convert the color. ColorItem is just an abstraction layer on top of the library, which is more convenient for Bootstrap Colorpicker.

In this example we use the ColorItem API to add color swatches based on a tetrad of the selected color.

Customize the colorpicker size

This example shows how to tweak the Colorpicker styles and settings to make it look bigger.

Customize the colorpicker template

This example shows how to use a custom template with a button inside.