{"repo":"davidhu2000/react-spinners","free":true,"listed":false,"github":"https://github.com/davidhu2000/react-spinners","clone":"git clone https://github.com/davidhu2000/react-spinners.git","description":"A collection of loading spinner components for react","language":"TypeScript","stars":3351,"topics":["loader","react","spinners","progressbar","react-component","react-spinners","loading-spinners","component","loading","reactjs"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"React Spinners [ ][npm url] [ ][npm url] [ ][npm url] [npm url]: https://www.npmjs.org/package/react-spinners A collection of loading spinners with React.js based on Halogen. This package is bootstraped using react-npm-boilerplate Demo Demo Page Storybook Installation With Yarn: With npm: Usage Each loader has their own default properties. You can overwrite the defaults by passing props into the loaders. Each loader accepts a loading prop as a boolean. The loader will render null if loading is false . Example Example using React Class Available Loaders, PropTypes, and Default Values Common default props for all loaders: All valid HTML props such as aria- and data- props are fully supported. color prop color prop accepts a color hash in the format of #XXXXXX or #XXX . It also accepts basic colors listed below: maroon, red, orange, yellow, olive, green, purple, white, fuchsia, lime, teal, aqua, blue, navy, black, gray, silver cssOverride prop The cssOverride prop is an object of camelCase styles used to create inline styles on the loaders. Any html css property is valid here. size , height , width , and radius props The input to these props can be number or string . - If value is number, the loader will default to css unit px . - If value is string, the loader will verify the unit against valid css units. - If unit is valid, return the original value - If unit is invalid, output warning console log and default to px . The table below has the default values for each loader. Load","default_branch":null,"files":null,"tree":[],"storefront":"/r/davidhu2000","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/davidhu2000/react-spinners/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}