Spinner

Palette Spinner component is use to render a spinner in the user interface, this mainly acts as a loading indicator while performing asynchronous tasks

Usage#

By default Palette Spinner renders a spinner with size default and color #5851ff

Code#

<Spinner />

Size#

By default the Spinner Component has a size of default. The Palette Button component has four size variants

  • small

  • default

  • medium

  • large

Code#

<Spinner size="small" />
<Spinner size="default" />
<Spinner size="medium" />
<Spinner size="large" />

Color#

By default the Spinner Component has a color of #5851ff. The Palette Spinner component has a color prop which accepts a string value which can accept the color for the spinner component

Code#

<Spinner size="large" color="green" />
<Spinner size="large" color="brown" />
<Spinner size="large" color="red" />
<Spinner size="large" color="blue" />

API#

PropTypePossible valuesDefault Value
typestring"default","success","warning", "danger" and "info""default"
colorstringAny string with color accepted valuevalue""

Built by Akshay 🤙