Skip to content

Create your own Loader Component using React without any external libraries

Notifications You must be signed in to change notification settings

Jebasuthan/react-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Create your own Loader Component using React without any external libraries

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

🎉 Demo Link 🎉

Features available in the applilcation:

  1. Individual components
  2. Loader added
  3. Customize your Loader with changing Color, Background Color, Width and Height
  4. No external libraries

Options

Property Type Required Description
loading Boolean Required To Show/Hide the loader based on the propery
height Number Required Height of the loader. Default value is 10
width Number Required Width of the loader. Default value is 10
color String Required Color of the loader. Default value is #ff0000
background String Required Background Color of the loader. Default value is #ffffff

Screenshots:

react-loader gif react-loader 1 react-loader 2

About

Create your own Loader Component using React without any external libraries

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published