Color Input Component

Color Input component is an input field for capturing a color data from known red+blue+green color profile. Bissetii did a number of researches on its own and decided to only provide styling for proper HTML5 semantic syntax defined by w3.org.

This component is available starting from v1.12.1.

Hugo

All Color Input Hugo interface is directly supported by Form Component.

Go

All Color Input Go interface is directly supported by Form Component.

HTML

Expanding from Form Component, Color is meant for capturing red, blue, green (RGB) color data from user.

Due to the design of the <input type="color"> where the unfilled value is always #000 (black), there is no way to indicate a required field that is unfilled black is also a popular selection.

An all compatible attributes HTML syntax is shown as follows:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<label for="input-javascript-id">Color</label>
<input type="color"
	id="input-javascript-id"
	name="example"
	value="#fefefe"
	required
	disabled
	autofocus
	autocomplete
	list="datalist-id"
/>
<datalist id="datalist-id">
	<option value="#515151" />
	...
</datalist>

Here is an example:

CSS

All Color Input CSS variables is directly supported by Form Component.

Javascript

All Color Input Javascript is directly supported by Form Component.

Sass

All Color Input Sass is directly supported by Form Component.

Researches

Here are the researches done to ensure Color Input component meets the necessary quality assurances:

SCHEDULED COMING SOON

Epilogue

That’s all about Color Input component in Bissetii. If you need more feature or need to report a bug, please feel free to file an issue at our Issue Section.