From 4afc7fb2a6ac9ac6b9f9de21101d1d0a0a62bc17 Mon Sep 17 00:00:00 2001 From: Julie Muzina Date: Mon, 21 Oct 2024 12:09:56 -0400 Subject: [PATCH] Update dense form help text/validation docs --- templates/docs/base/forms.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/templates/docs/base/forms.md b/templates/docs/base/forms.md index b362e5823..e4cd11706 100644 --- a/templates/docs/base/forms.md +++ b/templates/docs/base/forms.md @@ -177,6 +177,14 @@ Supplementary help text can be provided for the form fields by adding an element View example of a form fields with help text +### Dense help text {{ status('updated') }} + +To use help text with a [dense input element](#dense-form-elements), add `.is-dense` to the `.p-form-validation__input` element. + +
+View example of a form fields with dense help text +
+ ## Validation 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 View example of form validation patterns -### Dense form validation select wrapper +### Dense form validation select wrapper {{ status('updated') }} 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.