Get started Registry

Component

Field

Labelled form fields, the two-column row and the letter-spaced PIN input.

Preview

Code

<label class="field"><span>File name</span><input type="text" placeholder="bracket_v3.3mf"></label>

<div class="two">
  <label class="field"><span>Material</span><input type="text" value="PLA — grey"></label>
  <label class="field"><span>Colour</span><input type="text" placeholder="Any"></label>
</div>

<input class="pin-input" type="text" inputmode="numeric" maxlength="6" placeholder="••••">