# spinner — Examples

## Default

```html
<spinner-ui></spinner-ui>
```

## Loading button

Canonical composition. Disable the button while the operation is in
progress; `tone="current"` keeps the spinner matched to the button's
label color.

```html
<button-ui variant="primary" disabled>
  <spinner-ui size="sm" tone="current" label="Saving"></spinner-ui>
  Saving
</button-ui>
```

## Typing indicator

```html
<spinner-ui variant="dots" tone="subtle" label="Assistant is typing"></spinner-ui>
```
