Helper Text

The Helper Text component provides you with form helper text and descriptions.

Live Examples

Storybook: components-form-helpertext--default

Storybook: components-form-helpertext--error

Storybook: components-form-helpertext--form-example

Code Examples

import { HelperText } from '@nostromo/ui-core'
 
export default function HelperTextExample() {
  return (
    <div>
      <input type="password" />
      <HelperText>Password must be at least 8 characters long</HelperText>
    </div>
  )
}

Props

Prop	Type	Default	Description
`children`	`ReactNode`	-	Helper text content
`className`	`string`	-	Additional CSS classes

Label ErrorMessage