danilowoz/create-content-loader

Create presets for `react-content-loader`

Open

#62 aperta il 8 ott 2019

Vedi su GitHub
 (20 commenti) (0 reazioni) (0 assegnatari)JavaScript (286 fork)github user discovery
beginnergood first issuehacktoberfesthelp wanted

Metriche repository

Star
 (1238 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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?

  1. Build your custom amazing loader;
  2. Create a file with a custom name, here;
  3. Use the following boilerplate (don't forget to fill the metadata);
  4. Insert the file in the gallery, here;
  5. 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__

Guida contributor