> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/writer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/writer/7.0.0/api-reference/uicomponents/uispinner.md).

# UISpinner

Spinner component for when you want to present loading

**Since**: 6.5.0 (6.2.0)

| Name  | Type     | Default             | Description                                           |
| ----- | -------- | ------------------- | ----------------------------------------------------- |
| size  | `string` | `"medium"`          | Size of spinner. Variants: small\|medium\|large\|huge |
| color | `string` | `"rgba(0,0,0,0.3)"` | Color of the spinner. Hex, rgb, rgba or CSS-variables |

## Example

```javascript
import {UISpiner} from 'writer'

render($$) {
    const el = $$('div')

    return el.append(
        $$(UISpinner, {
            size: 'medium',
            color: 'rgba(0,0,0,0.3) 
        })
    )
}
```