Loader

Loader is used to notify a user that data is being retrieved or processed behind the scenes.

Live Editor

function LoaderExample() {
  return (
    <Loader
      text="Content Loading"
      delay={false}
    />
  );
}

Properties

Name	Type	Default	Description	Required?
size	| "small" | "large"	"large"
text	string	""	Text for the loader. This text is not visible, but is used for accessibility purposed
delay	boolean	true	Whether the loader should wait 2 seconds before it displays
color	| "light" | "dark"	"dark"	The color utility parses a component's `color` and `bg` props and converts them into CSS declarations. By default the raw value of the prop is returned. Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation. Array values are converted into responsive values. [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
qa	object

Properties

info

Full property documentation will be added soon.