Create, update, and destroy toast notifications in Naive UI apps.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-notification
Please help me install this Agent Skill. Skill: n-notification Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-notification Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-notification
The Notification component provides a centralized way to display toast messages and alerts across an application, ensuring consistent UX and unobtrusive feedback.
Invoke the notification API to display a quick message after a user action.
High-intent search queries and answers about installing and using this skill.
To display toast notifications in Naive UI, use a provider wrapper component to expose the notification API, then invoke create or type-specific helpers to show info, success, warning, or error alerts with customizable content and duration.
Yes, you can dynamically update or replace existing notification content after creation. The notification API supports updating active toast messages, allowing real-time content changes for operation feedback or in-app alerts without destroying and recreating them.
Control toast placement by configuring props to position notifications in various screen corners or panels. To prevent clutter, configure auto-dismiss duration and set a maximum limit for visible notifications to automatically manage and close surplus alerts.
A centralized provider-driven notification system is the best way to manage global alerts. It exposes create, update, destroy, and destroyAll actions, ensuring consistent UX and unobtrusive feedback across various layouts and placements.
Yes, the notification provider supports custom auto-close durations. You can configure the duration prop to automatically dismiss toast messages after a specified time, alongside controls for notification type, visibility, and placement.
jiaiyanRender reusable page header UI with title, subtitle, and action slots for Naive UI pages.
gajjalaashok75-UIStandardize loading, error, and empty-state handling in React components.
jiaiyanCreate discrete Naive UI APIs for use outside Vue component setup.
alsk1992Monitors system health and provides alerts via configurable thresholds.
