Toast

Toast types

<script setup>
import { ref } from 'vue'
const show = ref(false)
const msg = ref('')
const type = ref('info')

function showToast(message, variant) {
  msg.value = message
  type.value = variant
  show.value = true
}
</script>

<template>
  <FuiButton @click="showToast('Success!', 'success')">
    Show Toast
  </FuiButton>
  <FuiToast v-model="show" :message="msg" :type="type" />
</template>

Props

Prop	Type	Default	Description
modelValue	boolean	false	Toast visible
message	string	required	Toast message
type	info | success | warning | danger	info	Toast variant
duration	number	4000	Auto-dismiss (ms)