Skip to content

Commit 4afc7fb

Browse files
committed
Update dense form help text/validation docs
1 parent 6864e80 commit 4afc7fb

File tree

1 file changed

+9
-1
lines changed

1 file changed

+9
-1
lines changed

templates/docs/base/forms.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,14 @@ Supplementary help text can be provided for the form fields by adding an element
177177
View example of a form fields with help text
178178
</a></div>
179179

180+
### Dense help text {{ status('updated') }}
181+
182+
To use help text with a [dense input element](#dense-form-elements), add `.is-dense` to the `.p-form-validation__input` element.
183+
184+
<div class="embedded-example"><a href="/docs/examples/patterns/forms/form-help-text-dense" class="js-example">
185+
View example of a form fields with dense help text
186+
</a></div>
187+
180188
## Validation
181189

182190
To use form validation feedback - which includes feedback messages, icons and border colours - wrap individual input elements in a `p-form-validation` and additionally apply the `.is-error`, `.is-caution` or `.is-success` to the wrapper as appropriate.
@@ -189,7 +197,7 @@ Descriptive text relating to the element's validation status should use the clas
189197
View example of form validation patterns
190198
</a></div>
191199

192-
### Dense form validation select wrapper
200+
### Dense form validation select wrapper {{ status('updated') }}
193201

194202
To create a [dense input](#dense-form-elements) inside a `p-form-validation__select-wrapper`, add the `.is-dense` class to the select wrapper, not the input.
195203

0 commit comments

Comments
 (0)