# 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...'
} %}
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.trydrupal.com/radix/components/spinners.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.