

<Preview name="BasicSpinnerExample" />

## Overview [#overview]

The `Spinner` component renders a compact animated loading indicator. It
inherits `currentColor`, so the parent component owns the foreground color and
interaction state.

## Usage [#usage]

```tsx
import { Spinner } from "@tilt-legal/cubitt-components/spinner";
```

```tsx
<Spinner />
```

## Examples [#examples]

### Sizes [#sizes]

<Preview name="SpinnerSizesExample" />

### Inline [#inline]

<Preview name="SpinnerInlineExample" />

## API Reference [#api-reference]

### Spinner [#spinner]

Extends the animated icon props used by the underlying loader icon.

| Prop        | Type                                   | Default | Description                         |
| ----------- | -------------------------------------- | ------- | ----------------------------------- |
| `size`      | `"xs" \| "sm" \| "md" \| "lg" \| "xl"` | `"md"`  | Size of the spinner.                |
| `className` | `string`                               | -       | Additional classes for the spinner. |
| `...props`  | Animated loader icon props             | -       | Additional SVG icon props.          |
