fr1nge.xyz/themes/after-dark/docs/content/shortcode/help-block.md

+++ title = "Help Block" description = "Combine with form controls to guide user input." categories = ["experience"] tags = [] html_attributes = ["class"] custom_attributes = ["text"] snippets_used = ["form group", "text input"] copyright owner = "Josh Habdas" date = "2019" license = "agpl-3.0-or-later" +++

Plain or formatted text:

{{</* hackcss-helpblock text="Plain text Help Block" /*/>}}
{{</* hackcss-helpblock >}}<i>Italicized HTML Help Block</i>{{< /hackcss-helpblock */>}}
{{%/* hackcss-helpblock %}}**Bold Markdown Help Block**{{% /hackcss-helpblock */%}}

{{< hackcss-helpblock text="Plain text Help Block" />}} {{< hackcss-helpblock >}}Italicized HTML Help Block{{< /hackcss-helpblock >}} {{% hackcss-helpblock %}}Bold Markdown Help Block{{% /hackcss-helpblock %}}

Used above and below Text Input with class attribute:

{{</* hackcss-formgroup >}}
  {{< hackcss-helpblock >}}
    <strong>Enter a <em>secure</em> password below:</strong>
  {{< /hackcss-helpblock >}}
  {{< hackcss-textinput type="password" minlength="27" >}}
  {{< hackcss-helpblock class="muted" text="Min. 27 chars" />}}
{{< /hackcss-formgroup */>}}

{{< hackcss-formgroup >}} {{< hackcss-helpblock >}} Enter a secure password below: {{< /hackcss-helpblock >}} {{< hackcss-textinput type="password" minlength="27" >}} {{< hackcss-helpblock class="muted" text="Min. 27 chars" />}} {{< /hackcss-formgroup >}}