@nature-ui/spinner
TypeScript icon, indicating that this package has built-in type declarations

2.2.13 • Public • Published

Spinner

Spinners provide a visual cue that an action is processing, awaiting a course of change or a result.

Installation

yarn add @nature-ui/spinner

# or

npm i @nature-ui/spinner

Import component

import { Spinner } from '@nature-ui/spinner';

Usage

<Spinner />

Spinner with different sizes

Change the size of the spinner by passing the size prop.

<>
  <Spinner size='xs' />
  <Spinner size='sm' />
  <Spinner size='md' />
  <Spinner size='lg' />
</>

Spinner with color

Change the background color of the moving section of the spinner by passing the color prop.

<Spinner color='red-500' />

Package Sidebar

Install

npm i @nature-ui/spinner

Weekly Downloads

4

Version

2.2.13

License

MIT

Unpacked Size

284 kB

Total Files

10

Last publish

Collaborators

  • dnature