Toast

<script lang="ts" setup>
import { NNToasts, NNButton, useToasts } from "@fronntui/vue";

const { add, clear, close } = useToasts();

const open = (type: "info" | "warning" | "success" | "error") => {
  add(type, "My Toast", "optional message");
};
</script>

<template>
  <NNButton @click="open('info')">info</NNButton>
  <NNButton @click="open('success')">success</NNButton>
  <NNButton @click="open('warning')">warning</NNButton>
  <NNButton @click="open('error')">error</NNButton>

  <NNToasts />
</template>