quasar-app-extension-q-widgets

    0.0.1 • Public • Published

    Logo

    Quasar Widgets

    An awesome set of beautiful Widgets made with love using Quasar Framework and Vue.js!
    Explore the docs »

    View Demo · Report Bug · Request Feature

    Table of Contents

    About The Project

    Free library of great widgets to handle specific requirements in an effective manner. Instant integration, fully responsive and supports all major browsers!

    Here's why:

    • Just install, integrate by giving the type and few other required attributes and that's it.
    • Fully responsive on all resolutions
    • Supports all major browsers
    • Fully customizable

    Of course, it may not contain the widget you are looking for, but it will be there eventually. Just request feature and I'll try my best to have it integrated in future version.

    Built With

    This section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

    Getting Started

    Installation

    • Clone the repo
    git clone https://github.com/mayank091193/quasar-widgets.git
    
    • Install NPM packages
    cd quasar-widgets/demo
    npm install
    

    Usage

    Countdown

    Countdown

    • You can simply render the Countdown widget on your website using the following code snippet.
    <q-widgets name="countdown" fontColor="white" labelColor="black" date="2020-09-25 15:17:00"></q-widgets>
    

    Stopwatch

    Stopwatch

    • Render the stopwatch on your website
    <q-widgets name="stopwatch" fontColor="#c8c8c8"></q-widgets>
    

    Weather

    Weather

    • Render the Weather widget on your website. It will ask users to enter the "city, state" e.g. "Pune, Maharashtra". Please note, this package utilizes "OpenWeatherMap" API. Please replace api_key with your own "OpenWeatherMap" API key. However, the package will use the default API if you do not pass it.
    <q-widgets name="weather" api_key=""></q-widgets>
    

    Roadmap

    See the open issues for a list of proposed features (and known issues).

    Contributing

    Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

    1. Fork the Project
    2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
    3. Commit your Changes (git commit -m 'Add some AmazingFeature')
    4. Push to the Branch (git push origin feature/AmazingFeature)
    5. Open a Pull Request

    Support

    If this helps you, you can contribute to this project by supporting me:

    💜Support my open-source work on GitHub

    Please check out my sponsor page.

    Thank you very much!!

    License

    Distributed under the MIT License. See LICENSE for more information.

    Contact

    Mayank Patel - @mayank091193 - mayank091193@gmail.com

    Project Link: https://github.com/mayank091193/quasar-widgets

    Website: https://mayank-patel.netlify.app/#/

    Keywords

    none

    Install

    npm i quasar-app-extension-q-widgets

    DownloadsWeekly Downloads

    0

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    805 kB

    Total Files

    12

    Last publish

    Collaborators

    • mayank091193