## Overview [#overview]
The **Spinner** component provides a visual indicator for loading states and asynchronous operations.
## Usage [#usage]
```tsx
import { Spinner } from "@tilt-legal/cubitt-components/primitives";
```
```tsx
```
## Examples [#examples]
### Sizes [#sizes]
The Spinner comes in five size variants: `xs`, `sm`, `md` (default), `lg`, and `xl`.
```tsx
import { Spinner } from "@tilt-legal/cubitt-components/primitives";
;
```
### Inline [#inline]
Display a spinner inline with text.
```tsx
import { Spinner } from "@tilt-legal/cubitt-components/primitives";
Please wait while we process your request{" "}
;
```
## API Reference [#api-reference]
### Spinner [#spinner]
Extends all props from `LoaderAnimatedIcon`.
| Prop | Type | Description |
| ----------- | -------------------------------------- | ---------------------------------------- |
| `size` | `"xs" \| "sm" \| "md" \| "lg" \| "xl"` | Size of the spinner. Defaults to `"md"`. |
| `className` | `string` | Additional CSS classes for styling. |