0.10.7 • Published 2 years ago
@govuk-react-bjss-pttg/loading-box v0.10.7
LoadingBox
Import
import LoadingBox from '@govuk-react-bjss-pttg/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.
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 |
0.10.7
2 years ago