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
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
size | No | [sm | lg] | lg | The size of the spinner. |
color | No | Color | The color variant of the spinner. | |
variant | No | String | The 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" />