16 lines
391 B
Vue
16 lines
391 B
Vue
<template>
|
|
<div class="toast-holder">
|
|
<div
|
|
v-for="(toast, index) in toasts"
|
|
:key="'toast-' + index"
|
|
class="toast"
|
|
:class="{ closed: !toast.isOpen, open: toast.isOpen }"
|
|
@click="performAction(toast)"
|
|
>
|
|
<p class="message">{{ toast.message }}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./ft-toast.js" />
|
|
<style scoped src="./ft-toast.css" /> |