Skip to content
Primer
/
React
Design
Interface guidelines
Octicons
Desktop
Mobile
CLI
Build
CSS
React
React Brand
ViewComponents
Contribute
About
Site navigation
Introduction
Getting started
Theming
Theme reference
Linting
System props
Core concepts
Philosophy
Overriding styles
Server-side rendering
Component status
Hooks
useSafeTimeout
Components
ActionList
ActionMenu
AnchoredOverlay
Autocomplete
Avatar
AvatarPair
AvatarStack
Box
BranchName
Breadcrumbs
Button
ButtonGroup
Checkbox
CheckboxGroup
CircleBadge
CircleOcticon
CounterLabel
Details
Dialog
FilteredSearch
FilterList
Flash
FormControl
Header
Heading
IconButton
Label
LabelGroup
Link
NavList
Overlay
Pagehead
PageLayout
Pagination
PointerBox
Popover
ProgressBar
RelativeTime
Radio
RadioGroup
SegmentedControl
Select
SelectPanel
Spinner
SplitPageLayout
StateLabel
StyledOcticon
SubNav
ToggleSwitch
TabNav
Textarea
Text
TextInput
TextInputWithTokens
Timeline
Token
Tooltip
TreeView
Truncate
UnderlineNav
Drafts
Dialog v2
InlineAutocomplete
MarkdownEditor
MarkdownViewer
UnderlineNav v2
PageHeader
Hidden
Deprecated
ActionList (legacy)
ActionMenu (legacy)
BorderBox
Buttons (legacy)
ChoiceFieldset
ChoiceInputField
Dropdown
DropdownMenu
Flex
FormGroup
Grid
InputField
Label
Position
SelectMenu
SideNav
GitHub
On this page
Examples
Props
Spinner
Use spinners to let users know that content is being loaded.
Alpha
Not reviewed for accessibility
Source
On this page
Examples
Props
light
<Spinner />
<
Spinner
/>
Examples
Small
light
<Spinner size="small" />
<
Spinner
size
=
"
small
"
/>
Large
light
<Spinner size="large" />
<
Spinner
size
=
"
large
"
/>
Props
Spinner
Name
Type
Default
Description
size
'small' | 'medium' | 'large'
Sets the width and height of the spinner.