2023-01-17 21:56:51 +09:00
|
|
|
<script setup lang="ts">
|
2023-02-03 21:09:08 +09:00
|
|
|
defineProps<{ describedBy: string }>()
|
2023-01-17 21:56:51 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<div
|
|
|
|
role="alert"
|
2023-02-03 21:09:08 +09:00
|
|
|
aria-live="polite"
|
2023-01-17 21:56:51 +09:00
|
|
|
: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"
|
2023-02-03 21:09:08 +09:00
|
|
|
v-bind="$attrs"
|
2023-01-17 21:56:51 +09:00
|
|
|
>
|
|
|
|
<slot />
|
|
|
|
</div>
|
|
|
|
</template>
|