import Component from '@glimmer/component';
interface BsSpinnerSignature {
Element: HTMLDivElement;
Args: {
size?: 'sm' | null;
type?: string;
spinnerType?: 'border' | 'grow';
};
Blocks: {
default: [];
};
}
/**
Implements a [Spinner element](https://getbootstrap.com/docs/5.2/components/spinners/).
### Basic Usage
```hbs
Loading...
```
The (optional) component's block will render as visually invisible but accessible text for assistive technology like screen readers.
### Advanced Usage
```hbs
```
### Usage with `BsButton`
```hbs
Download
{{#if button.isPending}}
{{/if}}
```
@class Spinner
@namespace Components
@extends Glimmer.Component
@public
*/
export default class BsSpinner extends Component {
/**
* Property for size styling, set to 'sm'
*
* Also see the [Bootstrap docs](https://getbootstrap.com/docs/5.2/components/spinners/#size)
*
* @property size
* @type String
* @public
*/
/**
* Property for type styling
*
* For the available types see the [Bootstrap docs](https://getbootstrap.com/docs/5.2/components/spinners/#colors)
*
* @property type
* @type String
* @default 'primary'
* @public
*/
/**
* Spinner type - 'border' or 'grow'
*
* @property spinnerType
* @type string
* @default 'border'
* @public
*/
spinnerType: string;
get spinnerClass(): string;
}
export {};