<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
-
-
-
-
-
-
-
-
-
