spinner
v0.0.2arrow_drop_downv0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
185
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 months ago
SIZE
5 KB
subject
Renders a `Spinner` component into an `IconButton`.
1 contributor
Like
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
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.importimport Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';revert changes
reload
toggle layout
maximize
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:
) : functionJSX.ElementRenders a Spinner component into an IconButton.
Arguments
props.className:
stringThe default class of the button.
props.addClass:
stringAdd extra class styles to overwrite default class.
props.width:
numberWidth of the button.
props.height:
numberHeight of the button.
props.size:
numberThe size of the width and height of the Spinner.
props.color:
stringA single color for the Spinner.
props.colors:
[string]An array of color hex strings for the Spinner. It overides props.color.
props.duration:
stringThe duration of a complete revolution of the Spinner in seconds.
props.depth:
numberThe thickness of the Spinner border.
props.onClick:
functiononclick event function of the button.
Returns
JSX.ElementA rotating spinner icon.