Sync styleguide 2026.05.18.1
This commit is contained in:
@@ -330,6 +330,23 @@
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="sg-state-example">
|
||||
<p class="sg-state-example__label sg-table-label">form-invalid</p>
|
||||
<label class="sg-labeled-input-row">
|
||||
<span class="sg-label">Label</span>
|
||||
<span class="sg-input-validation-stack">
|
||||
<input
|
||||
class="sg-interaction-element sg-input-single-line sg-form-active"
|
||||
type="text"
|
||||
value="Ungültige Eingabe"
|
||||
aria-label="Einzeiliges Eingabefeld mit Validierung"
|
||||
aria-invalid="true"
|
||||
>
|
||||
<span class="sg-form-validation-text">Bitte eine gültige Eingabe machen.</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="sg-state-example">
|
||||
<p class="sg-state-example__label sg-table-label">form-disabled</p>
|
||||
<label class="sg-labeled-input-row">
|
||||
@@ -388,6 +405,22 @@
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="sg-state-example">
|
||||
<p class="sg-state-example__label sg-table-label">form-invalid</p>
|
||||
<label class="sg-labeled-input-row">
|
||||
<span class="sg-label">Label</span>
|
||||
<span class="sg-input-validation-stack">
|
||||
<textarea
|
||||
class="sg-input-multi-line sg-form-active"
|
||||
rows="3"
|
||||
aria-label="Mehrzeiliges Eingabefeld mit Validierung"
|
||||
aria-invalid="true"
|
||||
>Ungültige Eingabe über mehrere Zeilen</textarea>
|
||||
<span class="sg-form-validation-text">Bitte einen längeren Text eingeben.</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="sg-state-example">
|
||||
<p class="sg-state-example__label sg-table-label">form-disabled</p>
|
||||
<label class="sg-labeled-input-row">
|
||||
|
||||
Reference in New Issue
Block a user