@govuk-react/loading-box
v0.10.7
Published
Absolutely positioned loading overlay with spinner and numerous configurable options.
Keywords
Readme
LoadingBox
Import
import LoadingBox from '@govuk-react/loading-box';Use a LoadingBox to wrap components that can asyncronously load content.
When loading is set to true, a spinner will overlay the contents to give visual feedback to the user.
- https://govuk-react.github.io/govuk-react/?path=/docs/loading-box
Properties
Prop | Required | Default | Type | Description
:--- | :------- | :------ | :--- | :----------
backgroundColor | | undefined | string | Background color (3 or 6 Hex char) of loading spinner overlay when loading is true.
backgroundColorOpacity | | undefined | number | Opacity of loading spinner backgroud colour when loading is true
children | | | ReactNode | One or more children nodes that loading box will overlay
loading | | undefined | boolean | Whether loading is currently set to true or false
spinnerColor | | undefined | string | Color (3 or 6 Hex char) of loading spinner
timeIn | | undefined | number | Length of fade-in animation in milliseconds
timeOut | | undefined | number | Length of fade-out animation in milliseconds
title | | undefined | string | Loading spinner title text