Loading

Loading

The loading ui element is used to display a spinning animation to let the user know their content is still waiting to be loaded.

Props

The props needed for this component are listed and explained below:

• text - This prop must be a string.

• className - This prop must be a string.

• hasDataLoaded - This prop must be a boolean. If this is true, the children of this component will be rendered, if false the spinning loading animation will be displayed.

Example

<Loading text="Loading" className="login" hasDataLoaded={true}>
    <div>
        DATA HAS LOADED
    </div>
</Loading>

Related

• FlatButton