Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
resources
/
scripts
/
components
/
icons
/
empty
:
BaseErrorAlert-20250318152716.vue
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<template> <div class="rounded-md bg-red-50 p-4"> <div class="flex"> <div class="shrink-0"> <XCircleIcon class="h-5 w-5 text-red-400" aria-hidden="true" /> </div> <div class="ml-3"> <h3 class="text-sm font-medium text-red-800"> {{ errorTitle }} </h3> <div class="mt-2 text-sm text-red-700"> <ul role="list" class="list-disc pl-5 space-y-1"> <li v-for="(error, key) in errors" :key="key"> {{ error }} </li> </ul> </div> </div> </div> </div> </template> <script setup> import { XCircleIcon } from '@heroicons/vue/solid' const props = defineProps({ errorTitle: { type: String, default: 'There were some errors with your submission', }, errors: { type: Array, default: null, }, }) </script>