@neo4j-ndl/react 4.21.2 → 4.22.1

package/skills/ndl-react/components/text-input.md

@@ -428,16 +428,22 @@ const Component = () => {
       <TextInput
         label="Small Input"
         size="small"
+        placeholder="Small Input"
+        helpText="Help text"
         htmlAttributes={{ id: 'text-input-small' }}
       />
       <TextInput
         label="Medium Input"
         size="medium"
+        placeholder="Medium Input"
+        helpText="Help text"
         htmlAttributes={{ id: 'text-input-medium' }}
       />
       <TextInput
         label="Large Input"
         size="large"
+        placeholder="Large Input"
+        helpText="Help text"
         htmlAttributes={{ id: 'text-input-large' }}
       />
     </div>

package/skills/ndl-react/components/time-picker.md

@@ -12,6 +12,7 @@ Import: `import { TimePicker } from '@neo4j-ndl/react'`
 | `errorText` | `string` |  |  | Manually set the error text |
 | `floatingStrategy` | `'absolute' \| 'fixed'` |  |  | Strategy for the dropdown floating element. By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed. If this prop is set, no auto-detection of Dialog is done. |
 | `format` | `'hh:mm aa' \| 'hh:mm:ss aa' \| 'hh:mm:ss' \| 'hh:mm'` |  | `hh:mm` | The format of the time picker |
+| `helpText` | `ReactNode` |  |  | Assistive text displayed below the input. Replaced by `errorText` or an internal validation error while there is one |
 | `isDisabled` | `boolean` |  |  | Whether the time picker is disabled |
 | `isFluid` | `boolean` |  |  | Whether the time picker is fluid |
 | `isPortaled` | `boolean` |  |  | Whether the dropdown element is rendered in a portal. |

package/skills/ndl-react/components/timezone-picker.md

@@ -10,6 +10,7 @@ Import: `import { TimeZonePicker } from '@neo4j-ndl/react'`
 |------|------|----------|---------|-------------|
 | `errorText` | `string` |  |  | Manually set the error text |
 | `floatingStrategy` | `'absolute' \| 'fixed'` |  |  | Strategy for the dropdown floating element. By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed. If this prop is set, no auto-detection of Dialog is done. |
+| `helpText` | `ReactNode` |  |  | Assistive text displayed below the input. Replaced by `errorText` or an internal validation error while there is one |
 | `isDisabled` | `boolean` |  |  | Whether the timezone picker is disabled |
 | `isFluid` | `boolean` |  |  | Whether the timezone picker is fluid |
 | `isPortaled` | `boolean` |  |  | Whether the dropdown element is rendered in a portal. |