PageLoader
Github
StorybookIndicates a loading state in a larger context.
Importing
The component can be imported via:
Usage
By default, the component will render a Customer.io logo, with a spinner and a "loading" message underneath:
The component is intended to take up the full width and height of its container, and will center its contents.
Image
The logo can be replaced with a custom image or SVG by supplying a
URL string as the imageSrc prop.
Additionally, the size of the image can be controlled with the
imageWidth and imageHeight props.
The image can also be disabled by setting the imageSrc prop to null:
Label
The text, which is displayed next to the spinner,
can be customized via the label prop:
API
PlumaPageLoader extends Box
An alt text to set on the image.
A height to set on the displayed imaged.
Default:A Customer.io logo
A URL to an image or SVG to display within the loader.
If null, no image will be shown.
A width to set on the displayed imaged.
Default:Loading…
A short text to be shown next to the loader's spinner.