solid-spinner

[WIP] Solid Spinner

Warning Under active development. Do not use in production.

Dependency free SolidJS adaptation of Sam Herberts SVG Loaders library.

✨ Features

• 12 Spinners totally ready to use.
• Customizable - receive props to extend their usefulness.
• First class TypeScript support
• Tree shakeable: What you take is what you get.
• Reactivity, take advantage of SolidJS to react to changes in props.
• Just import and declare in your JSX to work out-the-box

📦 Installation

Yarn

yarn add solid-spinner

NPM

npm install solid-spinner --save

PNPM

pnpm install solid-spinner

Usage

Import Spinner component and specify the type of spinner.

import { Spinner, SpinnerType } from 'solid-spinner';

<Spinner type={SpinnerType.puff} color="red" />;

Import individual component.

import { Puff } from 'solid-spinner';

<Puff color="red" />;