Catalog · Formulare

Numărător de caractere

Numără caracterele rămase într-un câmp cu limită, actualizat live pentru cititoare de ecran.

AlphaComponentăFormulare

Pachet: @sistem-digital/components
Versiune: 0.1.0-alpha.3
Canal: alpha
Modul CSS: @sistem-digital/components/forms.css

Preview și markup canonic

Previzualizarea de mai jos redă exact șirul HTML afișat în exemplul de cod. Nu există o implementare paralelă pentru documentație.

Previzualizare din markup-ul canonic

Motivul cererii

Mai aveți 200 caractere

Instalare și importuri

pnpm add @sistem-digital/tokens @sistem-digital/components

Import CSS

@import '@sistem-digital/components/forms.css';

Import JavaScript opțional

import { enhanceCharacterCount } from '@sistem-digital/components';

Markup canonic

<div class="sd-form-group" data-sd-character-count="200"><label class="sd-label" for="catalog-comment">Motivul cererii</label><textarea class="sd-textarea sd-character-count__field" id="catalog-comment" data-sd-character-count-field rows="4"></textarea><p class="sd-character-count__status" data-sd-character-count-status aria-live="polite">Mai aveți 200 caractere</p></div>

Contract și surse

Schimbarea claselor publice, a markup-ului canonic sau a comportamentului helperelor necesită versionare și instrucțiuni de migrare.

A fost utilă această pagină?

Da Nu

Linkul deschide un formular GitHub precompletat. Nu transmitem nimic până când alegi să publici feedback-ul și îți recomandăm să nu incluzi date personale.