https://github.com/mustafadalga/loading-spinner

A plugin developed with Vue 3 and vite.js.
https://github.com/mustafadalga/loading-spinner

css-spinners loader loader-component loading loading-component spinner spinners vue vue-spinner-component vue-spinners

Last synced: 4 months ago
JSON representation

A plugin developed with Vue 3 and vite.js.

• Host: GitHub
• URL: https://github.com/mustafadalga/loading-spinner
• Owner: mustafadalga
• License: gpl-3.0
• Created: 2022-11-06T15:13:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-07T08:10:48.000Z (over 2 years ago)
• Last Synced: 2025-02-23T09:38:54.376Z (4 months ago)
• Topics: css-spinners, loader, loader-component, loading, loading-component, spinner, spinners, vue, vue-spinner-component, vue-spinners
• Language: SCSS
• Homepage: https://www.npmjs.com/package/@mustafadalga/loading-spinner
• Size: 111 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Loading Component 

**A plugin developed with Vue 3 and vite.js.**



[![vue version](https://img.shields.io/npm/v/@mustafadalga/loading-spinner.svg)](https://www.npmjs.com/package/@mustafadalga/loading-spinner)

[![vue version](https://img.shields.io/badge/vue-3.2-brightgreen.svg)](https://www.npmjs.com/package/@mustafadalga/loading-spinner)



## Installing

### Package manager

Using npm:

```bash

npm install @mustafadalga/loading-spinner

```

Then, import and register the component:

## Global Registration

main.js

```

import Loader from "@mustafadalga/loading-spinner";

import "@mustafadalga/loading-spinner/style.css"

app.use(Loader);

```

## Local Registration

* Composition Api

```

import { Loader } from "@mustafadalga/loading-spinner";

import "@mustafadalga/loading-spinner/style.css";

```

* Options Api

```

import { Loader } from "@mustafadalga/loading-spinner";

import "@mustafadalga/loading-spinner/style.css";

export default {

  components: {

    Loader

  },

}

```

## Usage

* Example 1 

```

import icon from './assets/icons/icon.svg'

  

     

  

```

* Example 2

```

import icon from './assets/icons/icon.svg'

export default {

  data () {

    return {

      icon: icon

    }

  }

}

  

     

  

```

* Example 3

```

import icon from './assets/icons/icon.svg'

  

    

      

        Please Wait...

      

    

  

```

# Demo

* https://loading-component.netlify.app/

## License

[![License](https://img.shields.io/badge/LICENSE-GPL--3.0-orange)](https://github.com/mustafadalga/loading-spinner/blob/main/LICENSE)