Skip to main content

Home
About
Get started
Foundations
Tokens
Elements
- All elements
- Accordion
- Alert
- Audio player
- Avatar
- Back to top
- Badge
- Blockquote
- Breadcrumb
- Button
- Call to action
- Card
- Code block
- Dialog
- Footer
- Health index
- Navigation (primary)
- Navigation (secondary)
- Pagination
- Popover Planned
- Progress steps
- Site status
- Skip link
- Spinner
- Statistic
- Subnavigation
- Surface
- Switch
- Table
- Tabs
- Tag
- Tile
- Timestamp
- Tooltip
- Video embed
Patterns
Accessibility
Design/code status
Release notes
Get support

Spinner

Overview Style Guidelines Code Demos Accessibility

Installation

Usage

Default/Large Spinner

<rh-spinner></rh-spinner>

Medium Spinner

<rh-spinner size="md"></rh-spinner>

Small Spinner

<rh-spinner size="sm"></rh-spinner>

rh-spinner

Slots 1

Slot Name	Description
	Optional text label below the animated circle.

Attributes 2

DOM Property	Description	Type	Default
`size`	Preset sizes for the spinner	`'sm' \| 'md' \| 'lg'`	`'lg'`
`colorPalette`		`string \| undefined`	`unknown`

Methods 0

None

Events 0

None

CSS Shadow Parts 0

None

CSS Custom Properties 0

None

Design Tokens 0

None

© 2021-2024 Red Hat, Inc.