https://github.com/johno/ember-cli-loading

An Ember addon for SVG loading components.
https://github.com/johno/ember-cli-loading

Last synced: 3 months ago
JSON representation

An Ember addon for SVG loading components.

• Host: GitHub
• URL: https://github.com/johno/ember-cli-loading
• Owner: johno
• License: mit
• Created: 2014-09-15T05:06:39.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-07-19T03:27:18.000Z (over 9 years ago)
• Last Synced: 2024-10-13T22:04:32.137Z (3 months ago)
• Language: Handlebars
• Homepage:
• Size: 179 KB
• Stars: 14
• Watchers: 3
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ember Loading

An ember [ember-cli](http://ember-cli.com) addon for loading SVG components. This

addon was created to make it simple to add different types of loading indicators

into an app. The SVGs were created entirely by .

## Installation

Install the addon through npm:

```

$ npm install ember-cli-loading

```

## Usage

You now have access to the following components:

```

{{loading-balls}}

{{loading-bars}}

{{loading-bubbles}}

{{loading-cubes}}

{{loading-cylon}}

{{loading-spin}}

{{loading-spinning-bubbles}}

{{loading-spokes}}

```

### Optional color and size values

You can change the color and size, too.

```hbs

{{loading-bars color='green' size=100}}

```

### Add it to your loading.hbs

For an application-wide loading indicator, you can call the component from the loading

template:

`templates/loading.hbs`

```hbs

{{loading-bubbles color='white' size=100}}

```

## Acknowledgements

The SVGs were created by .

## License

MIT

The License for Brent Jackson's loading SVGs: .

## Contributing

1. Fork it

2. Create your feature branch (`git checkout -b my-new-feature`)

3. Commit your changes (`git commit -am 'Add some feature'`)

4. Push to the branch (`git push origin my-new-feature`)

5. Create new Pull Request

Crafted with <3 by [John Otander](http://johnotander.com).