Concept - Bootstrap 4 Admin Dashboard Template

Color Picker

Proin placerat ante duiullam scelerisque a velit ac porta, fusce sit amet vestibulum mi. Morbi lobortis pulvinar quam.

Minicolors

Control Types

Hue (default)

Saturation

Brightness

Wheel

Input Modes

Text field

Hidden Input

Inline

Positions

Valid positions include bottom left, bottom right, top left, and top right.

bottom left (default)

top left

bottom right

top right

RGB(A)

RGB

RGB input can be assigned by setting the `format` option to `rgb`.

RGBA

RGBA input can be assigned by setting the `format` option to `rgb` and `opacity` option to `true`.

Different Styles

Opacity

Opacity can be assigned by including the `data-opacity` attribute or by setting the `opacity` option to `true`.

Keywords

CSS-wide keywords can be assigned by setting the `keywords` option to a comma-separated list of valid keywords: `transparent, initial, inherit`.

Default Value

This field has a default value assigned to it, so it will never be empty.

Letter Case

This field will always be uppercase.

Input Groups

Example using Bootstrap's input groups.

More Input Groups

Input group example with addon.

Color

Swatches

Example with swatches.

Swatches and opacity

Example with swatches and opacity.