<div class="field">
<div class="control">
<input class="input is-primary-focus" type="text">
</div>
</div>5
Selects
Basic select
You can create a basic select by wrapping an html
select element with div that has the
.select class.
Reworked 3.0.0
Select sizes
Basic selects can have different sizes: small, default, medium and
large. To change the select size, add the .is-small,
.is-medium or .is-large class to the
div.select wrapper element.
Reworked 3.0.0
Select with icon
Basic selects have icon support for all sizes. See the markup structure for more details.
New 2.4.0
Material Select
A material design version of the select box. Don't forget to use the
same wrapper as the material inputs : .control-material.
- Uzumaki Naruto
- Uchiha Sasuke
- Orochimaru
- Uzumaki Naruto
- Uchiha Sasuke
- Orochimaru
- Uzumaki Naruto
- Uchiha Sasuke
- Orochimaru
Chosen select
Chosen is a jQuery library that helps you generating beautiful select boxes. You can find the plugin documentation on the github project repository.
Option groups
Chosen supports option groups. Insert your options inside an
<optgroup label=""></optgroup>
tag to create structured options lists.
Chosen select with search
Chosen lets you define a search threshold by setting the option
disable_search_threshold: (number). If the number of
options is higher than the specified number, a search filed is
activated inside the select's dropdown.
Chosen select multiple
Chosen can be easily turned into a multiple select. You can also
control how many options can be selected at the same time by using the
max_selected_options: (number). In the following example,
only 5 items can be selected at the same time.
New 2.4.0
Simple combo box
Easy to use and styled combo boxes that you can use out of the box to replace traditional selects. Combo boxes support icons and images.
Cat
keyboard_arrow_down
- Bear done
- Cheetah done
- Sheep done
- Eagle done
- Spider done
New 2.4.0
Image combo box
Easy to use and styled combo boxes that you can use out of the box to replace traditional selects. Combo boxes support icons and images.
Ray Donovan
keyboard_arrow_down
-
Ray Donovan done
-
-
-
-
-
New 2.4.0
Stacked combo box
Easy to use and styled combo boxes that you can use out of the box to replace traditional selects. Combo boxes support icons and images.
Participants
Who will participate?
keyboard_arrow_down
-
-
-
-
-
-
-
-
-
