Spinner

An animated loader to indicate background activity or pending operations.

<Spinner />

<Spinner />

Installation

pnpm add @notion-kit/spinner

pnpm add @notion-kit/spinner

Use the variant prop to control the visual style of the spinner.
The default variant is "solid".

<Spinner variant="solid" />
<Spinner variant="dashed" />

<Spinner variant="solid" /><Spinner variant="dashed" />

Use the size prop to control the size of the spinner. The default size is "md".

<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />

<Spinner size="sm" /><Spinner size="md" /><Spinner size="lg" />

Prop	Type	Default	Description
`variant`	`"solid" \| "dashed"`	`"solid"`	The visual style of the spinner.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	The size of the spinner.