Standard @select
<select class="select">
<option class="select__hint" disabled="disabled" selected="selected" value="">Bitte Auswählen</option>
<option>Active</option>
<option>Option 2</option>
<option>Option 3</option>
</select>{
"hasPleaseSelectOption": true,
"pleaseSelectText": "Bitte Auswählen",
"options": [
"Active",
"Option 2",
"Option 3"
]
}
Selected @select--selected
Disabled @select--disabled
<select class="select" disabled="disabled">
<option class="select__hint" disabled="disabled" selected="selected" value="">Bitte Auswählen</option>
<option>Active</option>
<option>Option 2</option>
<option>Option 3</option>
</select>{
"hasPleaseSelectOption": true,
"pleaseSelectText": "Bitte Auswählen",
"options": [
"Active",
"Option 2",
"Option 3"
],
"disabled": true
}
Invalid @select--invalid
<select class="select" required="required" aria-invalid="true">
<option class="select__hint" disabled="disabled" selected="selected" value="">Bitte Auswählen</option>
<option>Active</option>
<option>Option 2</option>
<option>Option 3</option>
</select>{
"hasPleaseSelectOption": true,
"pleaseSelectText": "Bitte Auswählen",
"options": [
"Active",
"Option 2",
"Option 3"
],
"invalid": true,
"required": true
}