noti-fly-component

    1.0.4 • Public • Published

    Welcome to noti-fly 👋

    Documentation Maintenance License: ISC Web Components

    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

    🤝 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

    Install

    npm i noti-fly-component

    DownloadsWeekly Downloads

    1

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    128 kB

    Total Files

    9

    Last publish

    Collaborators

    • shubhambatt997