fr1nge.xyz/themes/after-dark/docs/content/shortcode/text-area.md

+++ title = "Text Area" description = "Add a multi-line plain-text editing control." categories = ["experience"] tags = ["controls"] html_attributes = ["id", "name", "class", "autocomplete", "autofocus", "cols", "disabled", "form", "maxlength", "minlength", "name", "placeholder", "readonly", "required", "rows", "spellcheck", "wrap", "tabindex"] custom_attributes = ["text"] snippets_used = [] copyright owner = "Josh Habdas" date = "2019" license = "agpl-3.0-or-later" +++

Read-only with prefilled text:

{{</* hackcss-textarea readonly="true" text="Only this and nothing more." */>}}

{{< hackcss-textarea readonly="true" text="Only this and nothing more." >}}

With spellcheck disabled:

{{</* hackcss-textarea spellcheck="false" */>}}

{{< hackcss-textarea spellcheck="false" >}}

With 16 columns and hard wrapping enabled:

{{</* hackcss-textarea cols="16" wrap="hard" */>}}

{{< hackcss-textarea cols="16" wrap="hard" >}}

Inside disabled form group with error label and placeholder:

{{</* hackcss-formgroup hastextarea="true" disabled="true" state="error" >}}
  {{< hackcss-label for="message" text="Message:" />}}
  {{< hackcss-textarea id="message" placeholder="Guestbook offline…" rows="10" >}}
{{< /hackcss-formgroup */>}}

{{< hackcss-formgroup hastextarea="true" disabled="true" state="error" >}} {{< hackcss-label for="message" text="Message:" />}} {{< hackcss-textarea id="message" placeholder="Guestbook offline…" rows="10" >}} {{< /hackcss-formgroup >}}