You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

17 lines
424 B

<script setup lang="ts">
const { title, message, duration } = defineProps<{
title: string;
message: string;
duration?: number;
}>();
</script>
<template>
<ToastRoot
:duration="duration"
class="rounded-md bg-red-800 p-2 text-neutral-200"
>
<ToastTitle class="mb-4 text-lg font-medium">{{ title }} </ToastTitle>
<ToastDescription as-child>{{ message }}</ToastDescription>
</ToastRoot>
</template>