ember-content-loader
Advanced tools
Weekly downloads
Changelog
[3.0.0] - 2021-12-03
Readme
SVG-Powered component to easily create skeleton screens / placeholder loadings (like Facebook's cards loading). Documentation can be found here
ember install ember-content-loader
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.
You can find all <ContentLoader>
available options here
See the Contributing guide for details.
This project is licensed under the MIT License.
FAQs
Easy, customizable skeletons screens
The npm package ember-content-loader receives a total of 733 weekly downloads. As such, ember-content-loader popularity was classified as not popular.
We found that ember-content-loader demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.