@semiorbit/ispinner

1.0.30 • Public • Published

Semiorbit iSpinner

A simple react spinner like iOS UIActivityIndicatorView. Custom size and color features have been added.

iSpinner Preview

Usage

import ISpinner from "@semiorbit/ispinner";

<ISpinner />

// dark background
<div className="black-div">
    <ISpinner white />
</div>

// custom color
<ISpinner color="red" large />

// custom size
<ISpinner size={40} />

iSpinner Props

Property Type Default Value Description
white boolean false White spinner for dark background
large boolean false Spinner large size "35px", normal size "20px"
size number null Spinner width and height
color string null Spinner color eg. "red" or "#FF0000"
animating boolean true Animating spinner if true

Other properties are added to "ispinner" div element.

NB. Spinner css has been forked from this source: Demo

Preview

iSpinner Preview

License

MIT

Package Sidebar

Install

npm i @semiorbit/ispinner

Weekly Downloads

3

Version

1.0.30

License

MIT

Unpacked Size

13.7 kB

Total Files

4

Last publish

Collaborators

  • ibrahimkhalil