Overview
Inside a container
import { Spinner } from 'telus-thorium-enriched';
<div>
<Spinner spinning={true} tip="Loading..." />
</div>
Embedded mode
import { Spinner } from 'telus-thorium-enriched';
<Spinner
spinning={true}
tip="Loading..."
wrapperClassNames="test"
>
<p>content.....</p>
</Spinner>
Full Screen mode
import { Spinner } from 'telus-thorium-enriched';
<Spinner
spinning={true}
tip="Loading..."
fullScreen={true}
/>
API
Property |
Description |
Type |
Default |
spinning |
toggle of spinner |
boolean |
- |
tip |
tip text (optional) |
boolean |
- |
fullScreen |
full screen spinner mode |
boolean |
false |
wrapperClassNames |
css classes for wrapped nodes |
string |
‘’ |
children |
if children is available, spinner is in embedded mode |
react node |
- |