Beautiful flash component build with VueJs and Tailwindcss
MIT License
Beautiful alert component made with VueJs and Tailwindcss.
The component themes are based on Tailwindcss, so make sure you are using it otherwise this won't work.
yarn add vue-flashy
npm i vue-flashy
Include plugin in your main.js file.
import Flashy from 'vue-flashy'
Vue.use(Flashy)
Now, for global usage inside your App.vue add the following tag
<flashy></flashy>
then call it from anywhere in the app:
this.$flashy.push('Lorem ipsum dolor sit.')
You may also change the default theme color, display delay, add title
<flashy
:delay="1000"
font="font-semibold"
>
</flashy>
And
this.$flashy.push(Message, Theme, Title);
Prop | Type | Value | Default | Required |
---|---|---|---|---|
Message | String | --- | --- | true |
Title | String | --- | --- | false |
Theme | String | primary, success, danger, warning, light, grey | primary | false |
Delay | Integer | --- | 3000ms | false |
Font | Integer | Any of tailwindcss font classe | --- | false |
If you find any bug or problem please open an issue or create a pull request, Thanks!.
The MIT License (MIT). Please see License File for more information.