Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vaadin-component-factory/vcf-progress-spinner

Web Component for customized progress spinners
https://github.com/vaadin-component-factory/vcf-progress-spinner

polymer3 progress spinner vaadin webcomponent

Last synced: 3 months ago
JSON representation

Web Component for customized progress spinners

Awesome Lists containing this project

README

        

# <vcf-progress-spinner>

[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
[![npm version](https://badgen.net/npm/v/@vaadin-component-factory/vcf-progress-spinner)](https://www.npmjs.com/package/@vaadin-component-factory/vcf-progress-spinner)
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadin-component-factoryvcf-progress-spinner)

`` is a Web Component for creating customized progress spinners.

![GIF of Vaadin Component Factory progress spinner](https://user-images.githubusercontent.com/3392815/86607970-a154e200-bfb2-11ea-9b1b-dec5d9e1dd64.gif)

[Live demo ↗](https://vcf-progress-spinner.netlify.com)
|
[API documentation ↗](https://vcf-progress-spinner.netlify.com/api/#/elements/Vaadin.VcfProgressSpinner)

## Installation

Install `vcf-progress-spinner`:

```sh
npm i @vaadin-component-factory/vcf-progress-spinner --save
```

## Usage

Once installed, import it in your application:

```js
import '@vaadin-component-factory/vcf-progress-spinner';
```

Add `` element to the page.

```html

```

## Running demo

1. Fork the `vcf-progress-spinner` repository and clone it locally.

1. Make sure you have [npm](https://www.npmjs.com/) installed.

1. When in the `vcf-progress-spinner` directory, run `npm install` to install dependencies.

1. Run `npm start` to open the demo.

## License

Apache License 2.0