Added **Helper text** section to Fields and Lists articles (#303)

docs/components/fields/fields.md

@@ -28,6 +28,10 @@ Specifies the browser's behavior regarding automatic form filling and completion
 
 A field label is a descriptive text or title that is associated with the field. It provides a brief explanation or prompt to help users understand the purpose or expected input for that particular field. Field labels are not only important for usability but also play a crucial role in accessibility, as they enable screen readers and assistive technologies to provide accurate information and facilitate keyboard navigation.
 
+### Helper text
+
+Each field can display helper text beneath the input using the `setHelperText()` method. This helper text offers additional context or explanations about the available inputs, ensuring users have the necessary information to make informed selections.
+
 ### Required
 
 A field is required when the user must provide a value before submitting a form. This is mainly used in conjunction with `setLabel(String)` to provide a visual indication to users that the field is required. 

docs/components/lists/lists.md

@@ -94,6 +94,9 @@ for (ListItem item : list) {
 
 All List components can be assigned a label, which is a descriptive text or title associated with the component. Labels provide a brief explanation or prompt to help users understand the purpose or expected selection for that particular list. In addition to their importance for usability, list labels also play a crucial role in accessibility, enabling screen readers and assistive technologies to provide accurate information and facilitate keyboard navigation.
 
+### Helper text
+
+Each List component can display helper text beneath the list using the `setHelperText()` method. This helper text offers additional context or explanations about the available options, ensuring users have the necessary information to make informed selections.
 <!-- ADD DEMO WITH ALL THREE AND A LABEL -->
 
 ## Topics