Storybook
  • Theme

  • Light
  • Dark
  • System
  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia
  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Reset to default

Input validation message

Generates a validation message for a form input. It can be used as standalone component for inputs where the position of the validation feedback is not so obvious.

Default error message

Interactive
Click Save to view the error message.

Custom error message

Interactive
Click Save to view the error message.

Custom success message

Interactive
Tick the checkbox to view the success message.