@cgoing/vue3-toast-sk v0.2.4

toast

only vue3.@ 뷰3 에서 사용 가능합니다.

demo

demo link: https://prismatic-alfajores-0a5feb.netlify.app/

setup

npm i @cgoing/vue3-toast-sk
yarn add @cgoing/vue3-toast-sk



... main.js
import { createApp } from "vue";
import SkToast from "@cgoing/vue3-toast-sk";
import App from "./App.vue";

createApp(App).use(SkToast).mount("#app");



... App.vue

@click="$toast.show(`${msg}`,options)"

OR

methods:{
    toast(msg){
        this.$toast.show(msg)

        // 0.2.0v  add Loading
        this.loading = this.$toast.loading(options)
        //... if you complate some
        this.loading.clear() // loading end
    }
}

props Options

options = {

    type:['primary','danger','success','warning']
    position:['top','bottom','top-left','top-right','bottom ...' ]
    duration: Number or Boolean
    dismissible: Boolean
    useQueue: Boolean
    closeButton: Boolean
    progressbar:Boolean

}