search

f3oall / awesome-notifications

Lightweight JavaScript Notifications Library
https://f3oall.github.io/awesome-notifications/
MIT License
292 stars 40 forks source link

VueJS does not work position option #43

Open dikkini opened 4 years ago

dikkini commented 4 years ago

Describe the bug Position of notification is always bottom-right.

To Reproduce Use in VueJS:

import VueAWN from "vue-awesome-notifications"
Vue.use(VueAWN)

Import css in index.html

<link href="<%= BASE_URL %>awesome-notifications.min.css" rel="stylesheet"/>

My method:

        const POS_TOP_RIGHT = 'top-right'
        success_notify (txt, title = 'Success Message', position = POS_TOP_RIGHT,
                        duration = 10000) {
            const options = {
                position: position,
                labels: {
                    success: title,
                },
                durations: {
                    global: duration
                }
            }
            this.$awn.success(txt, options)
        },

Expected behavior

Position option should impact on notification.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

galaxyblur commented 4 years ago

Just ran into this too

felipem0 commented 1 year ago

Same here in my project