# Spinner

A spinner is a circular image like object that is spinning. A common use case for a spinner is to show that an action is going on.

Try the following shortcode examples on your WordPress page and view the page to see it in action.

## Examples

{% code overflow="wrap" %}

```
[bsv-spinner]
```

{% endcode %}

{% code overflow="wrap" %}

```
[bsv-spinner shape="grow" style="danger" size="large"]
```

{% endcode %}

{% code overflow="wrap" %}

```
[bsv-spinner shape="grow" button="yes" buttontext="in progress" style="warning"]
```

{% endcode %}

## Format

```
[bsv-spinner parameter="value" ...]
```

## Parameters

| Parameter  | Description                                                                                                                                                                             | Default    |
| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- |
| button     | <p>Display spinner in a button. Supporteed values:</p><ul><li>no</li><li>yes</li></ul>                                                                                                  | no         |
| buttontext | If displayed in a button, this will be the button text.                                                                                                                                 | *no value* |
| shape      | <p>Shape of the spinner. Supported values:</p><ul><li>border</li><li>grow</li></ul>                                                                                                     | border     |
| size       | <p>Size of the spinner. Supported values:</p><ul><li>small</li><li>normal</li><li>medium</li><li>large</li></ul><p>This parameter has no effect when button=”yes”</p>                   | normal     |
| style      | <p>Defines the Bootstrap style. Supported values:</p><ul><li>danger</li><li>dark</li><li>info</li><li>light</li><li>primary</li><li>secondary</li><li>success</li><li>warning</li></ul> | primary    |