Add docs for character limit feature

.github/workflows/draft-deploy.yml

@@ -24,7 +24,7 @@ jobs:
           NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           NETLIFY_SITE_ID: ${{ vars.NETLIFY_SITE_ID }}
         with:
-          args: deploy --dir=build
+          args: deploy --dir=build --no-build
 
       - name: Find comment
         uses: peter-evans/find-comment@v3

.github/workflows/test-deploy.yml

@@ -25,4 +25,4 @@ jobs:
           NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           NETLIFY_SITE_ID: ${{ vars.NETLIFY_SITE_ID }}
         with:
-          args: deploy --dir=build --alias="$GITHUB_REF_NAME"
+          args: deploy --dir=build --alias="$GITHUB_REF_NAME" --no-build

docs/30-components/input-email.mdx

@@ -62,6 +62,16 @@ Um eine fehlgeschlagene Validierung anzuzeigen, verwenden Sie die Attribute `_ms
 | ----- | --------------------------- |
 | `Tab` | Fokussiert das Eingabefeld. |
 
+### Character Limit (Prop `_character-limit`)
+
+Über die Prop `_character-limit` lässt sich ein Zeichenlimit für das Eingabefeld festlegen, wobei auch längere Texte eingegeben oder eingefügt und anschließend gekürzt werden können. Es wird stets die Anzahl der verbleibenden Zeichen bzw. die Anzahl der überschrittenen Zeichen angezeigt.
+
+**Verhalten:**
+- **Echtzeit-Feedback:** Die verbleibende bzw. überschrittene Zeichenanzahl wird direkt beim Tippen angezeigt.
+- **Screenreader-Optimierung:**
+- Um den Schreibvorgang nicht zu unterbrechen, erfolgt die Ausgabe der Zeichenanzahl verzögert, sobald **500 ms** keine Eingabe erfolgt ist.
+- Beim Fokussieren des Eingabefelds wird das definierte Zeichenlimit angesagt.
+
 ## Links und Referenzen
 
 - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>

docs/30-components/input-password.mdx

@@ -55,6 +55,16 @@ Zur Behandlung von Events bzw. Callbacks siehe <kol-link _label="Events" _href="
 | ----- | --------------------------- |
 | `Tab` | Fokussiert das Eingabefeld. |
 
+### Character Limit (Prop `_character-limit`)
+
+Über die Prop `_character-limit` lässt sich ein Zeichenlimit für das Eingabefeld festlegen, wobei auch längere Texte eingegeben oder eingefügt und anschließend gekürzt werden können. Es wird stets die Anzahl der verbleibenden Zeichen bzw. die Anzahl der überschrittenen Zeichen angezeigt.
+
+**Verhalten:**
+- **Echtzeit-Feedback:** Die verbleibende bzw. überschrittene Zeichenanzahl wird direkt beim Tippen angezeigt.
+- **Screenreader-Optimierung:**
+- Um den Schreibvorgang nicht zu unterbrechen, erfolgt die Ausgabe der Zeichenanzahl verzögert, sobald **500 ms** keine Eingabe erfolgt ist.
+- Beim Fokussieren des Eingabefelds wird das definierte Zeichenlimit angesagt.
+
 ## Links und Referenzen
 
 - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>

docs/30-components/input-text.mdx

@@ -78,6 +78,16 @@ Zur Behandlung von Events bzw. Callbacks siehe <kol-link _label="Events" _href="
 | `Tab` | Fokussiert das Eingabefeld.           |
 | `ESC` | Löscht den Inhalt (nur Typ = Search). |
 
+### Character Limit (Prop `_character-limit`)
+
+Über die Prop `_character-limit` lässt sich ein Zeichenlimit für das Eingabefeld festlegen, wobei auch längere Texte eingegeben oder eingefügt und anschließend gekürzt werden können. Es wird stets die Anzahl der verbleibenden Zeichen bzw. die Anzahl der überschrittenen Zeichen angezeigt.
+
+**Verhalten:**
+- **Echtzeit-Feedback:** Die verbleibende bzw. überschrittene Zeichenanzahl wird direkt beim Tippen angezeigt.
+- **Screenreader-Optimierung:**
+- Um den Schreibvorgang nicht zu unterbrechen, erfolgt die Ausgabe der Zeichenanzahl verzögert, sobald **500 ms** keine Eingabe erfolgt ist.
+- Beim Fokussieren des Eingabefelds wird das definierte Zeichenlimit angesagt.
+
 ## Links und Referenzen
 
 - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>

docs/30-components/textarea.mdx

@@ -71,6 +71,17 @@ Mit Hilfe des Attributs **`_rows`** kann die Höhe der Textarea in Zeilen bestim
 | `Tab`          | Fokussiert die Textarea.                                                        |
 | `Pfeil-Tasten` | Können für die Navigation im Inhalt der fokussierten Textarea verwendet werden. |
 
+
+### Character Limit (Prop `_character-limit`)
+
+Über die Prop `_character-limit` lässt sich ein Zeichenlimit für das Eingabefeld festlegen, wobei auch längere Texte eingegeben oder eingefügt und anschließend gekürzt werden können. Es wird stets die Anzahl der verbleibenden Zeichen bzw. die Anzahl der überschrittenen Zeichen angezeigt.
+
+**Verhalten:**
+- **Echtzeit-Feedback:** Die verbleibende bzw. überschrittene Zeichenanzahl wird direkt beim Tippen angezeigt.
+- **Screenreader-Optimierung:**
+	- Um den Schreibvorgang nicht zu unterbrechen, erfolgt die Ausgabe der Zeichenanzahl verzögert, sobald **500 ms** keine Eingabe erfolgt ist.
+	- Beim Fokussieren des Eingabefelds wird das definierte Zeichenlimit angesagt.
+
 ## Links und Referenzen
 
 - <kol-link _href="https://medium.com/@gavyn/til-autofocus-inputs-are-an-accessibility-problem-32ced60c3109" _target="_blank"></kol-link>