danilowoz/create-content-loader
Voir sur GitHubCreate presets for `react-content-loader`
Open
#62 ouverte le 8 oct. 2019
beginnergood first issuehacktoberfesthelp wanted
Métriques du dépôt
- Stars
- (1 238 stars)
- Métriques de merge PR
- (Métriques PR en attente)
Description
Share your loader with the community.
That's is a way to share your custom loader with the React community. Besides you can help the other developers to create amazing loaders to their interfaces. There are so many ways to build a content loader, show off here!
How to insert a loader?
- Build your custom amazing loader;
- Create a file with a custom name, here;
- Use the following boilerplate (don't forget to fill the metadata);
- Insert the file in the gallery, here;
- Open a PR;
Boilerplate
import React from "react"
import ContentLoader from "react-content-loader"
const __NAME_OF_LOADER__ = props => {
return (
<ContentLoader
height={40}
width={1060}
speed={2}
primaryColor="#d9d9d9"
secondaryColor="#ecebeb"
{...props}
>
// your loader
</ContentLoader>
)
}
__NAME_OF_LOADER__.metadata = {
name: __WRITEHERE__, // My name
github: __WRITEHERE__, // Github username
description: __WRITEHERE__, // Little tagline
filename: __WRITEHERE__ // filename of your loader
}
export default __NAME_OF_LOADER__