{"repo":"adexin/spinners-react","free":true,"listed":false,"github":"https://github.com/adexin/spinners-react","clone":"git clone https://github.com/adexin/spinners-react.git","description":"Lightweight SVG/CSS spinners for React","language":"TypeScript","stars":448,"topics":["spinners-react","react-components","react-spinners","react-spinner","spinner-react","spinners","spinner","loaders","loader","loading"],"license":"MIT","category":"ui-components","readme_excerpt":"Spinners React 9 awesome typescript-aware lightweight spinners built as react.js components. Demo View demo with examples of react.js component usage. Getting started Installation or add it directly to HTML page Usage Hide spinner List of components Component Example Component Example Component Example ----------- --------- ----------- --------- ----------- --------- SpinnerCircular SpinnerCircularFixed SpinnerCircularSplit SpinnerRound SpinnerRoundOutlined SpinnerRoundFilled SpinnerDotted SpinnerInfinity SpinnerDiamond Properties The following optional properties are available. All extra props will be passed to the component's root SVG element. Property Default value Type Description -------------- -------------------- ---------------- ------------- size 50 number or string Set the size as number of pixels or any valid CSS string (e.g. size=\"100%\" ). thickness 100 number Set lines width as a percentage of default thickness. сolor '#38ad48' string Set the color. Can be set to any valid CSS string (hex, rgb, rgba). secondaryColor 'rgba(0,0,0,0.44)' string Set the secondary color. Can be set to any valid CSS string (hex, rgb, rgba). speed 100 number Set the animation speed as a percentage of default speed. enabled true boolean Show/Hide the spinner. still false boolean Disable/Enable spinner animation. style undefined object Pass CSS styles to the root SVG element Server Side Rendering While the library works with SSR, the spinner's animation CSS will be attached to the head on","default_branch":null,"files":null,"tree":[],"storefront":"/r/adexin","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/adexin/spinners-react/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."}