diff --git a/packages/react/src/Spinner/Spinner.tsx b/packages/react/src/Spinner/Spinner.tsx
index 52fe378508f..2562bc62e29 100644
--- a/packages/react/src/Spinner/Spinner.tsx
+++ b/packages/react/src/Spinner/Spinner.tsx
@@ -3,6 +3,8 @@ import styled from 'styled-components'
import type {SxProp} from '../sx'
import sx from '../sx'
import type {ComponentProps} from '../utils/types'
+import Box from '../Box'
+import VisuallyHidden from '../_VisuallyHidden'
const sizeMap = {
small: '16px',
@@ -13,30 +15,34 @@ const sizeMap = {
export interface SpinnerInternalProps {
/** Sets the width and height of the spinner. */
size?: keyof typeof sizeMap
+ 'aria-label'?: string
}
-function Spinner({size: sizeKey = 'medium', ...props}: SpinnerInternalProps) {
+function Spinner({size: sizeKey = 'medium', 'aria-label': ariaLabel, ...props}: SpinnerInternalProps) {
const size = sizeMap[sizeKey]
return (
-
+
+
+ {!ariaLabel ? Loading : null}
+
)
}