danilowoz/create-content-loader
GitHub で見るCreate presets for `react-content-loader`
Open
#62 opened on 2019年10月8日
beginnergood first issuehacktoberfesthelp wanted
Repository metrics
- Stars
- (1,238 stars)
- PR merge metrics
- (PR metrics pending)
説明
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__