Select Component

Select component is an input field for selecting single or multiple choices from user of a list. 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 Select Hugo interface is directly supported by Form Component.

Go

All Select Go interface is directly supported by Form Component.

HTML

Expanding from Form Component, Select component is to facilitate an input for entering a longer and larger text.

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
16
<label for="input-javascript-id">Text</label>
<select
	id="input-javascript-id"
	name="example"
	autocomplete
	multiple
	required
	disabled
	autofocus
	size="10"
>
	<optgroup label="Group Name">
		<option value="value1">Option 1</option>
		<option value="value2" selected>Option 2</option>
	</optgroup>
</select>

Here is an example:

CSS

All Select CSS variables is directly supported by Form Component.

Javascript

All Select Javascript is directly supported by Form Component.

Sass

All Select Sass is directly supported by Form Component.

Researches

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

SCHEDULED COMING SOON

Epilogue

That’s all about Select 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.