ErrorMessage

Basic Usage


import { ErrorMessage } from '@krakentech/coral';
 
<ErrorMessage message="Invalid email address" />

Invalid email address


<ErrorMessage message="Invalid email address" withIcon={false} />

Invalid email address

Name	Type	Default
`message`	`ReactNode` The message to display.
`withIcon`	`boolean` If `true`, the ErrorMessage will be displayed with an icon.	`true`
`iconTitle`	`string` Title for the icon (for accessibility)
`attributes`	`Attributes` This prop can be used to pass HTML attributes directly to the component. We currently allow passing `data-` and `aria-` attributes and the `id`. However, you can pass anything else with a type hack if necessary since this object is despread in to the component, without filtering its content. Example usage: `AttributesProps: { 'id': 'close-button', 'aria-label': 'Close button', 'data-testid': 'close-button' };`