jingrow-ui/docs/components/errormessage.md

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 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.

<template>
  <ErrorMessage message="Task failed successfully" />
  <ErrorMessage :message="error" />
  <ErrorMessage :message="null" />
</template>

<script setup>
import { ErrorMessage } from 'jingrow-ui'

let error = null
try {
  throw new Error('An error occurred')
} catch (e) {
  error = e
}
</script>

Props

Name	Default	Value	Description
message	null	String | Error	Message to show as error