Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

spinner

v0.0.2arrow_drop_down
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
241
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
8 months ago
SIZE
5 KB
Renders a `Spinner` component into an `IconButton`.
1 contributor
Use spinner in your project ?
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
React
Vue
Angular
React Native
Add dependency... help_outline
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';
toggle layout
modifieddraft
chevron_left
chevron_right
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.