A spinner is an animated line segment that follows a track and may include an optional text label.
- Optional text label
A spinner comes in large, medium, and small sizes. Each size includes an optional text label on the bottom.
|Small||Text label size||
|Medium||Text label size||
|Large||Text label size||
A spinner is available in both light and dark themes.
A spinner is centered horizontally and vertically within a container and the viewport by default. This demonstrates that the whole container is loading rather than one specific area.
If a small size spinner is used within a button, it can be positioned to the left of the text as if it were an icon.
A spinner is intentionally not operable or navigable and has no interaction states.
Related elements or patterns
To give feedback about anything on this page, contact us.
Red Hat legal and privacy links
- About Red Hat
- Contact Red Hat
- Red Hat Blog
- Diversity, equity, and inclusion
- Cool Stuff Store
- Red Hat Summit