Toast Message
This component is perfect for displaying error, success or normal toast messages.
Here is an example of success message.
<template>
<!-- type prop can take one of the three values error, success and normal -->
<ToastMessage type="success"> Registration successful! </ToastMessage>
</template>
<script>
import {ToastMessage} from '@adiranids/vue3-tailwind'
export default {
components: {ToastMessage}
}
</script>
<!-- type prop can take one of the three values error, success and normal -->
<ToastMessage type="success"> Registration successful! </ToastMessage>
</template>
<script>
import {ToastMessage} from '@adiranids/vue3-tailwind'
export default {
components: {ToastMessage}
}
</script>
Copyright © 2021 Adirani Digital Solutions Ltd