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" />