Usage no npm install needed!

<script type="module">
  import commercetoolsUikitLoadingSpinner from 'https://cdn.skypack.dev/@commercetools-uikit/loading-spinner';
</script>

README

LoadingSpinner

Description

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

Installation

yarn add @commercetools-uikit/loading-spinner

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

Additionally install the peer dependencies (if not present)

yarn 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`.