Spinner

The Spinner component must be used inside the Progress component.

Import

import { Spinner } from '@bprogress/...';

Note

Replace the ... in the import with the library you're using. For example, if you use @bprogress/next, import by doing from '@bprogress/next'

This component is used to display the spinner.

<Spinner />

It can be used with a children like SpinnerIcon:

<Spinner>
  <SpinnerIcon />
</Spinner>

Or with a custom spinner component like this:

<Spinner>
  <LoaderCircle className="animate-spin size-6" />
</Spinner>

Name	Type	Default	Description
as	`React.ElementType`	`'div'`	The component to render the progress element
children	`React.ReactNode`	`undefinded`	The children of the progress element
classSelector	`string`	`'spinner'`	The class selector of the progress element (depends on your css)
...rest	`React.ComponentPropsWithoutRef<T>`	-	The rest of the props are passed to the progress element