Skip to content

How to insert your loader at gallery

Danilo Woznica edited this page Oct 16, 2018 · 4 revisions

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 loader 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__

It'll be amazing to see the creativity of the community!