# Custom Loading Spinner Component

**URL:** <https://meta.discourse.org/t/custom-loading-spinner-component/174801>\
**Category:** Theme component\
**Created:** [January 2, 2021, 2:43pm UTC](https://meta.discourse.org/t/custom-loading-spinner-component/174801 "2021-01-02T14:43:23Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)\
**Post date:** [January 2, 2021, 2:43pm UTC](https://meta.discourse.org/t/custom-loading-spinner-component/174801/1 "2021-01-02T14:43:23Z")

</div>

While working on the [Grogu theme](https://meta.discourse.org/t/grogu-a-theme-inspired-by-the-mandalorian/174758) I implemented a custom loading icon for that theme and thought it would be cool to have a standalone component to customize the loading spinner icon.

This component allows staff to customize the default spinning icon. There are three customization options available via theme settings:

- icon name
- icon size
- icon color

The component only accepts [FontAwesome](https://fontawesome.com/) icon name and I recommend picking one of [these icons](https://fontawesome.com/icons/categories/spinners) to get awesome spinning effect.

Enjoy, and do let me know how to further improve this component. 🙂

| | | |
| --- | --- | --- |
| 🕶 | **Preview** | [Preview on theme creator](https://theme-creator.discourse.org/theme/meghna/custom-loading-spinner) |
| 🔗 | **Github Repo** | [discourse-custom-loading-spinner](https://github.com/meghnaAJ/discourse-custom-loading-spinner) |
| 🛠 | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |

---

_[View the full topic](https://meta.discourse.org/t/custom-loading-spinner-component/174801)._