Create presets for react-content-loader

[danilowoz]

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__

[alidaghighi]

I'm in!

[adititipnis]

I'm in!

[koneko096]

I'm in!

[sgarcia30]

I'm working on one now!

[SyedRR]

I'm in!

[swatana3]

I'm in!

[pushp1997]

I'm working on one now!

[pushp1997]

I'm working on one now!

Sorry, I am a newbie to open source, I committed my changes to the master branch on my machine, now I cant push to remote, I think that's because I don't have write access to the branch. Can anyone guide me how to contribute?

[danilowoz]

Hey @pushp1997, I think it could help you:
https://opensource.com/article/19/7/create-pull-request-github

Let me know if you have doubts yet :)

[pushp1997]

Hi @danilowoz, Please accept my PR, it's been pending since 2 days. Thanks.

[dao-phuong]

Hi @danielerota , I just add a new loader preset. Please take a look

[coktopus]

Added one loader 'youtube-fresh' #200

[melissahuertadev]

I'm in, can I work on this?

[danilowoz]

@piratelicorne sure, feel free to submit a PR for a new preset :)

[vunderkind]

Hey @danilowoz - just joined in. I submitted a PR for a HackerNews content loader/skeleton. I hope it's up to spec. Thanks!

[Maxgit3]

@danilowoz I added a pull request #213. Thank you for your consideration.

[sagi403]

Hey @danilowoz, I submitted a pull request #295 Thank you for your consideration.

[vibhav005]

I'm in can I work on this?

[danilowoz]

Hey, @DATTU005! Feel free to contribute and open a PR 😄

[utkarsh-2033]

\assign