Textarea

The textarea component (.textarea) styles a native <textarea> the same way .input styles a single-line field: a bordered container with focus ring and invalid/disabled/read-only states. It additionally supports a live character counter that flickui.js keeps in sync automatically as the user types.

<label class="textarea">
  <textarea class="textarea-el" rows="4" maxlength="200" placeholder="Type your message…" aria-label="Message"></textarea>
  <p class="textarea-counter"><span class="textarea-count-now">0</span> / <span class="textarea-count-max">200</span></p>
</label>