feat(lists): add error handling (#1593)
This commit is contained in:
parent
2daaad90a1
commit
6c1ec2a252
6 changed files with 148 additions and 28 deletions
19
components/common/CommonErrorMessage.vue
Normal file
19
components/common/CommonErrorMessage.vue
Normal file
|
@ -0,0 +1,19 @@
|
|||
<script setup lang="ts">
|
||||
defineProps<{ describedBy: string }>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
role="alert"
|
||||
aria-live="polite"
|
||||
:aria-describedby="describedBy"
|
||||
flex="~ col"
|
||||
gap-1 text-sm
|
||||
pt-1 ps-2 pe-1 pb-2
|
||||
text-red-600 dark:text-red-400
|
||||
border="~ base rounded red-600 dark:red-400"
|
||||
v-bind="$attrs"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
Loading…
Add table
Add a link
Reference in a new issue