Textinput @textinput
Default @textinput
<!-- Default -->
<div class="textinput js-textinput" id="textinput-9476">
<div class="textinput__inner"><label class="textinput__label" for="textinput-9476-input">Textinput label</label>
<div class="textinput__input-outer"><input class="textinput__input" id="textinput-9476-input" type="text" placeholder="Platzhalter" /></div>
</div>
</div>{
"placeholder": "Platzhalter",
"label": "Textinput label"
}
Zip @textinput--zip
<!-- Zip -->
<div class="textinput js-textinput" id="textinput-0e7f">
<div class="textinput__inner"><label class="textinput__label" for="textinput-0e7f-input">Ihre Postleitzahl</label>
<div class="textinput__input-outer"><input class="textinput__input" id="textinput-0e7f-input" type="search" minlength="5" maxlength="5" pattern="[0-9]{5}" placeholder="01234" autocomplete="zip" aria-errormessage="textinput-0e7f-error" /></div>
<div class="textinput__error" id="textinput-0e7f-error">Bitte geben Sie fünf Ziffern an.</div>
</div>
</div>{
"placeholder": "01234",
"label": "Ihre Postleitzahl",
"type": "search",
"pattern": "[0-9]{5}",
"minLength": 5,
"maxLength": 5,
"autocomplete": "zip",
"errormessage": "Bitte geben Sie fünf Ziffern an."
}