Error Message

The Error Message component provides you with form error messages and validation feedback.

Live Examples

Storybook: components-form-errormessage--default

Storybook: components-form-errormessage--inline

Storybook: components-form-errormessage--form-example

Code Examples

import { ErrorMessage } from '@nostromo/ui-core'
 
export default function ErrorMessageExample() {
  return (
    <div>
      <input type="email" />
      <ErrorMessage>Please enter a valid email address</ErrorMessage>
    </div>
  )
}

Props

Prop	Type	Default	Description
`children`	`ReactNode`	-	Error message content
`className`	`string`	-	Additional CSS classes

HelperText Tabs