Home > @uniformdev/design-system > LoadingOverlayProps

LoadingOverlayProps interface

Signature:

Properties

<table><thead><tr><th>

Property

</th><th>

Modifiers

</th><th>

Type

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

children?

</td><td>

</td><td>

React__default.ReactNode

</td><td>

(Optional)

</td></tr> <tr><td>

isActive

</td><td>

</td><td>

boolean

</td><td>

sets whether to display the loading overlay components

</td></tr> <tr><td>

isPaused?

</td><td>

</td><td>

boolean

</td><td>

(Optional) (optional) if set to true, the animation of the loading indicator is paused false

</td></tr> <tr><td>

isTopAligned?

</td><td>

</td><td>

boolean

</td><td>

(Optional) (optional) aligns the content of the overlay to the top instead of having it centered false

</td></tr> <tr><td>

loaderSize?

</td><td>

</td><td>

number

</td><td>

(Optional) (optional) sets the width and height of the loader 128

</td></tr> <tr><td>

overlayBackgroundColor?

</td><td>

</td><td>

'transparent' | 'var(--white)'

</td><td>

(Optional) (optional) sets the loading overlay background color 'var(--white)'

</td></tr> <tr><td>

statusMessage?

</td><td>

</td><td>

string | JSX.Element

</td><td>

(Optional) (optional) type that sets a text value or React component under the loading icon

</td></tr> <tr><td>

zIndex?

</td><td>

</td><td>

number

</td><td>

(Optional) (optional) the z-index value of the overlay 9999

</td></tr> </tbody></table>