Example Wiki

Class: FormHint

Description: The FormHint component renders a hint message within a form. It accepts optional className and status props to customize its styling and provide visual feedback.

Example:

<FormHint className="my-hint">
  This is a helpful hint!
</FormHint>

<FormHint status="warning">
  Please enter a valid email address.
</FormHint>

Methods

Method: FormHint

Description: This is not a method but the component itself. It renders a hint message within a form.

Parameters:

• children (node): The content of the hint message.
  • Default: null
• className (string): Additional CSS classes to apply to the hint element.
  • Default: null
• status (string): Sets the status of the hint, affecting its styling. Possible values include: 'success', 'warning', 'error'.
  • Default: false
• ...props (object): Any other props passed to the <div> element.

Returns:

• ReactElement: A <div> element representing the hint message.

Example:

<FormHint children="This is a helpful hint!" className="my-hint" />