24 lines
372 B
Vue
24 lines
372 B
Vue
|
<script setup lang="ts">
|
||
|
defineProps<{
|
||
|
describedBy: string
|
||
|
}>()
|
||
|
|
||
|
defineOptions({
|
||
|
inheritAttrs: false,
|
||
|
})
|
||
|
</script>
|
||
|
|
||
|
<template>
|
||
|
<div
|
||
|
role="alert"
|
||
|
: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"
|
||
|
>
|
||
|
<slot />
|
||
|
</div>
|
||
|
</template>
|