Spinner

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 -