Components / UI & forms
Input
A native text field with consistent size, focus and floating-label treatment.
HTML
<div class="content"><div class="field"><input class="input" id="text-input" placeholder=" "><label class="label" for="text-input">Your name</label></div><div class="field"><input class="input" id="search-input" type="search" placeholder=" "><label class="label" for="search-input">Search</label></div></div>
Options
| Class or attribute | What it does |
|---|---|
is-small / is-large | Explicit text sizes. |
field.is-static | External label; put Label before Input. |
type / required / disabled / readonly | Native input semantics. |