45 lines
1.5 KiB
Markdown
45 lines
1.5 KiB
Markdown
+++
|
|
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:
|
|
|
|
```html
|
|
{{</* 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 >}}<i>Italicized HTML Help Block</i>{{< /hackcss-helpblock >}}
|
|
{{% hackcss-helpblock %}}**Bold Markdown Help Block**{{% /hackcss-helpblock %}}
|
|
|
|
Used above and below [Text Input](../text-input) with `class` attribute:
|
|
|
|
```html
|
|
{{</* 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 >}}
|
|
<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 >}}
|