Inputs are used wherever users enter answers to surveys.
Additional specialist variants of the standard text input are the unit, currency and percentage
Context vary for each input but label is used for human readable aspect and ‘label_text’ is input content.
Global
/components/02-form-elements/input/_input.scss/components/02-form-elements/input-type/_input-type.scss
<div class="field">
<label class="label venus " for="inputPassword" id="inputPasswordLabel">
Password
</label>
<div class="field--toggle">
<label class="label label--inline venus field__label" for="showPasswordToggle">
Show password
</label>
<input id="showPasswordToggle" class="field__input input input--checkbox" type="checkbox" />
</div>
<input id="inputPassword" type="password" class="input input--text" aria-describedby="inputPasswordLabel" />
</div>
{
"label": "Password",
"label_text": "Enter password"
}