noti-fly-component

Welcome to noti-fly 👋

Simple Notification Web Component

🏠 Homepage

Demo

Demo Page

Install

npm install noti-fly-component

Usage

Install the package or Download the library from dist/noti-fly.js

In your HTML file include vue.js
Include the downloaded library and you are good to go

<script src="https://unpkg.com/vue"></script>
<script src="your/path/dist/noti-fly.js"></script>

<noti-fly showalert=true fixed=true heading="Woah!" msg="I am stuck here"></noti-fly>

Required Inputs

showalert : type boolean or String with value "true" or "false", needs to be passed to show or hide the component

type : type string, acceptable values = "success", "danger", "info", "warning", advisable to pass, or else takes "success"

Optional Inputs

fixed : type boolean or String with value "true" or "false", if passed as true, makes it fixed at the bottom centered.

<noti-fly type="danger"></noti-fly>

heading : type string, if passed is the top value in the component or else is "Success" by default

msg : type string, if passed is the bottom/meta value in the component

<noti-fly showalert=true type="info" heading="Info" msg="This is some Info"></noti-fly>

Author

👤 Shubham Battoo

• Github: @shubhambattoo

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2019 shubhambattoo.
This project is MIT licensed.

---

This README was generated with ❤️ by readme-md-generator