Importing
The component can be imported via:
Icon only
By default, the spinner component renders an inline-block element, which contains the rotating icon.
Loading label
Setting the shouldShowLoadingText prop to true will display a "Loading…"
text next to the spinner:
The text can be customized further with the label prop:
Color
The spinner's color can be customized with the color prop, which
accepts a text color token name (similar to the Text component),
for example:
The color can also be set to inherit, in which case the spinner
will inherit the current text color.
This is useful in situations where we want the spinner color
to match the text, for example:
API
PlumaSpinner extends Box
Default:'base'
The color of the spinner - a text color token.
A short text to be shown next to the spinner.
Default:false
Whether to show text next to the spinner.