spinner

v0.0.2

v0.0.1

STATUS

Passing

DOWNLOADS

4,424

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

2 years ago

SIZE

5 KB

Renders a `Spinner` component into an `IconButton`.

1 contributor

Install spinner as a package?

Copied

npm i @bit/lekanmedia.shared-ui.spinner

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.dev

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

Spinner (

props.className:string,

props.addClass:string,

props.width:number,

props.height:number,

props.size:number,

props.color:string,

props.colors:[string],

props.duration:string,

props.depth:number,

props.onClick:function

) : JSX.Element

Renders a Spinner component into an IconButton.

Arguments

props.className: string

The default class of the button.

props.addClass: string

Add extra class styles to overwrite default class.

props.width: number

Width of the button.

props.height: number

Height of the button.

props.size: number

The size of the width and height of the Spinner.

props.color: string

A single color for the Spinner.

props.colors: [string]

An array of color hex strings for the Spinner. It overides props.color.

props.duration: string

The duration of a complete revolution of the Spinner in seconds.

props.depth: number

The thickness of the Spinner border.

props.onClick: function

onclick event function of the button.

Returns

JSX.Element

A rotating spinner icon.