Sync styleguide 2026.05.18.1

This commit is contained in:
2026-06-11 11:20:37 +02:00
parent 5009e5ff3b
commit ebe0e59efc
7 changed files with 154 additions and 103 deletions
@@ -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">