# ErrorMessage The ErrorMessage component is used to show an error message when an action has failed. ## Usage You can pass an error message as a string to `message` prop. You can also pass an [`Error`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error) object directly to `message` prop. The component won't render if `message` is falsy. So, you don't have to write the `v-if` directive. ```vue ``` ## Props | Name | Default | Value | Description | | :-------- | :------ | :---------------- | :----------------------- | | `message` | `null` | `String \| Error` | Message to show as error |