Skip navigation

Components / UI & forms

Select

Native selection with the shared chevron, focus treatment and progressive picker animation.

Try it
<div class="field"><select class="select" id="select-input"><option value="">Choose a type</option><option value="illustration">Illustration</option><option value="page">Page design</option></select><label class="label" for="select-input">Project type</label></div>
Class or attributeWhat it does
is-small / is-largeExplicit control sizes.
field.is-staticExternal label; floating labels otherwise use an empty-value first option.