Headless Vue 3 notification library with Tailwind CSS.
npm install devstack-notifyHeadless Vue 3 notification library with Tailwind CSS.
Inspired by NuxtUI Notifications
!Screenshot of a notification (1)
!Screenshot of a notification (2)
!Screenshot of a notification (3)
- Vue 3 composition API support
- Fully written in Typescript
- Light and beautiful
- Easy to install and personnalisable
- Timeout, callback, actions
[Live Preview - coming soon]()
``bash`
yarn add devstack-notify
or
`bash`
npm i devstack-notify
You can then register Notifications as a Vue plugin:
`js
import { createApp } from 'vue'
import Notifications from 'devstack-notify'
import App from './App.vue'
createApp(App)
.use(Notifications)
.mount('#app')
`
Add the "StackNotifications" components to your main layout or in App.vue:
`vue`
Then, trigger notifications from your .vue files:
###### Composition API
`javascript
import { useToast } from "devstack-notify"
toast.add({
title: 'No type specified',
description: 'Small description'
})
toast.success({
title: 'Success',
description: 'Small description'
})
toast.error({
title: 'Error',
description: 'Small description'
})
toast.warning({
title: 'Warning',
description: 'Small description'
})
toast.info({
title: 'Info',
description: 'Small description'
})
`
* To do
* Complete documentation
* Tests
1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)git commit -am 'Added some feature'
3. Commit your changes ()git push origin my-new-feature`)
4. Push to the branch (
5. Create new Pull Request
MIT