Tabler React 2 Docs

Spinners

Spinners

Spinners are used to indicate that something is loading.

Signature

import { Spinner } from "tabler-react-2";
<Spinner {...props}>{children}</Spinner>;

Props

PropRequiredTypeDefaultDescription
sizeNo[sm | lg]lgThe size of the spinner.
colorNoColorThe color variant of the spinner.
variantNoStringThe color variant of the spinner. Alias of color

Basic Usage

The Spinner component is used to display a spinner.

<Spinner />

Sizes

You can pass a size prop to the Spinner component to change the size of the spinner.

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

Variant

You can pass a color prop to the Spinner component to change the color of the spinner.

<Spinner variant="primary" />
<Spinner variant="secondary" />
Edit this page on GitHub