A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/ajwann/svg-loaders-react below:

ajwann/svg-loaders-react: React adaptation of the SVG Loaders library by Sam Herbert

This is a zero-dependency React adaptation of Sam Herberts SVG Loaders library.

npm install svg-loaders-react
Import 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 loader

You 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