This is a zero-dependency React adaptation of Sam Herberts SVG Loaders library.
npm install svg-loaders-reactImport the SVGLoaders components Import all the loaders in a namespaced fashion
You can import all the loaders at once:
import * as SVGLoaders from 'svg-loaders-react';
and use them in a namespaced manner:
Import an individual loaderYou can also import a single loader:
import { Bars } from 'svg-loaders-react'
and use it without any fancy namespacing:
<Audio />
<BallTriangle />
<Bars />
<Circles />
<Grid />
<Hearts />
<Oval />
<Puff />
<Rings />
<SpinningCircles />
<TailSpin />
<ThreeDots />
Each of these components should be able to accept any SVG tag presentation attributes as props.
// render the Puff loader with a stroke opacity of .125 <Puff strokeOpacity=".125" /> // render the Puff loader with a stroke of mint green <Puff stroke="#98ff98" /> // render the Puff loader with a stroke of mint green and a stroke opactiy of .125 <Puff stroke="#98ff98" strokeOpacity=".125"/>
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4