LoadingState UI component
Purpose
LoadingState is a data display component. Visible loading state. Use while resources or effects fetch data.
Inputs
| Field | Required | Type | Behavior |
|---|---|---|---|
message |
yes | string | Visible loading text. |
busy |
no | boolean | Default true; when true, sets busy semantics for assistive technology, and when false the component is only informational. |
progress |
no | number or string | Number is percent 0 through 100; string is a display label such as 3 of 10; omitted renders indeterminate loading. |
Boundary
Loading states must always render the required message and expose busy
semantics when busy is true.
Example
package notesui
var loadingNotes = (
<LoadingState message="Loading notes" busy={true}></LoadingState>
)