> For the complete documentation index, see [llms.txt](https://docs.trydrupal.com/radix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trydrupal.com/radix/components/spinners.md).

# Spinners

[**Bootstrap docs**](https://getbootstrap.com/docs/5.3/components/spinners/)

### Key Features

* **Flexible HTML Tag**: Choose between `div` or `span` for the spinner's HTML element.
* **Spinner Types**: Offers both border and grow spinner types, catering to different aesthetic preferences.
* **Color Customization**: Leverages the current color scheme, allowing for easy appearance changes with text color utilities.
* **Size Options**: Includes size customization for creating smaller spinners that fit within other components.
* **Accessibility**: Supports hidden status messages for screen readers, enhancing accessibility.

### Customization Options

* **Type, Size, and Color Classes**: Apply classes based on the spinner type, size, and color for tailored visual appearance.
* **Utility Classes**: Incorporate additional utility classes for further customization and styling.

### Usage:

```twig
{% include 'radix:spinner' with {
  html_tag: 'div',
  type: 'border',
  color: 'primary',
  size: 'sm',
  hidden_status: false,
  spinner_utility_classes: ['custom-spinner'],
  content: 'Loading...'
} %}
```