Skip to content
Easy, customizable content placeholders / skeletons screens
JavaScript HTML CSS
Branch: master
Clone or download
dependabot-preview and ctjhoa Bump ember-cli-deploy-git from 1.3.3 to 1.3.4
Bumps [ember-cli-deploy-git](https://github.com/ef4/ember-cli-deploy-git) from 1.3.3 to 1.3.4.
- [Release notes](https://github.com/ef4/ember-cli-deploy-git/releases)
- [Commits](ef4/ember-cli-deploy-git@v1.3.3...v1.3.4)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
Latest commit 4dad683 Oct 15, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.dependabot Ignore ember-cli from dependabot Aug 26, 2019
addon
app Add defaults-to helper Jul 29, 2019
config
tests Remove useless examples route Aug 17, 2019
vendor Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
.editorconfig Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
.ember-cli Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
.eslintignore Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
.eslintrc.js Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
.gitignore Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
.npmignore
.template-lintrc.js Add content-loader component Jul 27, 2019
.travis.yml Add npm auto publish on tag Jul 31, 2019
.watchmanconfig Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
CONTRIBUTING.md Add documentation Jul 27, 2019
LICENSE.md Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
README.md Add ember observer score badge Jul 31, 2019
ember-cli-build.js Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
index.js Initial Commit from Ember CLI v3.11.0 Jul 27, 2019
package-lock.json Bump ember-cli-deploy-git from 1.3.3 to 1.3.4 Oct 15, 2019
package.json Bump eslint-plugin-node from 9.1.0 to 10.0.0 Oct 15, 2019
testem.js Initial Commit from Ember CLI v3.11.0 Jul 27, 2019

README.md

ember-content-loader

Build Status Ember Observer Score This project is using Percy.io for visual regression testing.

SVG-Powered component to easily create skeleton screens / placeholder loadings (like Facebook's cards loading). Documentation can be found here

Compatibility

  • Ember.js v2.18 or above
  • Ember CLI v2.13 or above
  • Node.js v8 or above

Installation

ember install ember-content-loader

Usage

Facebook skeleton

Simply add the <ContentLoader> component in your code with the shapes that you want.

<ContentLoader>
  {{!-- Only SVG shapes --}}
  <rect x="70" y="15" rx="4" ry="4" width="117" height="6.4" />
  <rect x="70" y="35" rx="3" ry="3" width="85" height="6.4" />
  <rect x="0" y="80" rx="3" ry="3" width="350" height="6.4" />
  <rect x="0" y="100" rx="3" ry="3" width="380" height="6.4" />
  <rect x="0" y="120" rx="3" ry="3" width="201" height="6.4" />
  <circle cx="30" cy="30" r="30" />
</ContentLoader>

You can use the online editor to create complex shapes.

Note: This editor is made for React, so you need to translate the produced code.

Options

You can find all <ContentLoader> available options here

Thanks

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

You can’t perform that action at this time.