Spinner

The spinner component to show that something is loading.

Import

import { Spinner } from '@pixby/ui';

• Spinner: The base spinner component.

Usage

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Props

size

You can size of the spinner by using the size prop. If no size is provided, it will use the parents font-size which makes it ideal to put in a button or similar. You can also pass class names with w-* and h-* to create your own size.

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

colorScheme

Use the colorScheme prop to change the colors of the spinner. You can use one of the built-in schemes, or pass a list of class names to create your own.

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor