is it UNotification or UNotifications?

[CareTiger]

document uses UNotification but only

<UNotifications />

works. I think the docs need to be updated.

[benjamincanac]

UNotifications is the wrapper component where the notifications display. A UNotification component is what is added when you do a toast.add. You can also simply use a UNotification as an alert for example.

[CareTiger]

am confused. if I have <UNotifications /> in app.vue and say I have <UNotification title="Notification" description="This is a notification." /> in /user/profile.vue which one of these is going to be triggered by toast.add()

[benjamincanac]

<UNotifications /> is the container for when you spawn a UNotification with useToast. You can also use the UNotification yourself anywhere in your app. You can read more about it here: https://ui.nuxtlabs.com/overlays/notification

[CareTiger]

documentation is not clear.

[jaybharadia]

I have checked the documentation and code.

There seems to be confusion regarding the following screenshot.

Here is my Perspective

• Mentioning about UNotification.vue Component is not necessary right now since it is used under the hood by UNotifications.vue
• By looking at documentation, it seems like developer can use the UNotification.vue component for showing notifications by using toast.add composable which is not possible as of now.

Feedback

• We can remove the section where it shows the use of UNotification component

Disclaimer

• I may have missed out and the above points are just my observation. These observations do not provide a definitive conclusion.

Ending Note

Let me know @benjamincanac whether to update the docs for this or provide API for showing UNotification.vue via toast composable.

[benjamincanac]

I'm not sure to understand what's wrong with the documentation.

1. <UNotifications /> iterates over useToast notifications and display them
2. <UNotification /> is the component that you can use in your app that displays a card with a title, description, icon, etc.
3. useToast() is the composable that will add a notification

Why do you want to remove the section of UNotification?

[benjamincanac]

I've just updated the documentation to be more precise: https://ui.nuxtlabs.com/overlays/notification. Feel free to reopen something is still missing.

[jaybharadia]

Thanks for updating the documentation 👍