https://github.com/shubhambattoo/noti-fly

A simple notification web component
https://github.com/shubhambattoo/noti-fly

javscript notifications simple vuejs webcomponents

Last synced: 3 months ago
JSON representation

A simple notification web component

• Host: GitHub
• URL: https://github.com/shubhambattoo/noti-fly
• Owner: shubhambattoo
• License: mit
• Created: 2019-06-20T14:06:04.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2025-09-02T18:45:31.000Z (5 months ago)
• Last Synced: 2025-10-21T20:40:21.470Z (4 months ago)
• Topics: javscript, notifications, simple, vuejs, webcomponents
• Language: Vue
• Homepage: http://noti-fly.surge.sh/
• Size: 67.4 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Welcome to noti-fly 👋



  

  

    

  

  

    

  

  

    

  

  

    

  



> Simple Notification Web Component

### 🏠 [Homepage](https://github.com/shubhambattoo/noti-fly#readme)

### Demo

[Demo Page](https://noti-fly.surge.sh)

## Install

```sh

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

```sh

```

### 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.  


```sh

```

 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 


```sh

```

## Author

👤 **Shubham Battoo**

- Github: [@shubhambattoo](https://github.com/shubhambattoo)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/shubhambattoo/noti-fly/issues).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

Copyright © 2019 [shubhambattoo](https://github.com/shubhambattoo).


This project is [MIT](https://github.com/shubhambattoo/noti-fly/blob/master/LICENSE) licensed.

---

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_