20.6.7 • Published 2 months ago

@commercetools-uikit/loading-spinner

Licence

MIT

Version

20.6.7

Deps

Size

48 kB

Vulns

Weekly

Stars

154

Summary Dependency Versions

LoadingSpinner

Description

A spinner animation to indicate loading state (e.g pending requests) for the user.

Installation

pnpm add @commercetools-uikit/loading-spinner

npm --save install @commercetools-uikit/loading-spinner

Additionally install the peer dependencies (if not present)

pnpm add react

npm --save install react

Usage

import LoadingSpinner from '@commercetools-uikit/loading-spinner';

const Example = () => <LoadingSpinner size="s">Loading</LoadingSpinner>;

export default Example;

Properties

Props	Type	Default	Description
`maxDelayDuration`	`number`	`1000`	Set the amount of time to delay the loading spinner before it renders. The default value of is 1000ms.
`scale`	`union` Possible values: `'s' , 'l'`	`'l'`	Set the size of the loading spinner.
`children`	`ReactNode`		The content rendered inside the `LoadingSpinner`.