danilowoz/create-content-loader
Create presets for `react-content-loader`
オープン
#62 opened on 2019/10/08
beginnergood first issuehacktoberfesthelp wanted
Repository metrics
- Stars
- (1,235 個のスター)
- PR merge metrics
- (30d に merged PR はありません)
説明
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__