diff --git a/src/components/primitives/Spinner/index.tsx b/src/components/primitives/Spinner/index.tsx index 916466a73..fa1c95275 100644 --- a/src/components/primitives/Spinner/index.tsx +++ b/src/components/primitives/Spinner/index.tsx @@ -10,10 +10,14 @@ import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps'; import { useTheme } from '../../../hooks'; const Spinner = (props: ISpinnerProps, ref: any) => { - const { color, size, style, testID, ...resolvedProps } = usePropsResolution( - 'Spinner', - props - ); + const { + color, + size, + style, + testID, + animating, + ...resolvedProps + } = usePropsResolution('Spinner', props); const resolvedColor = getColor(color, useTheme().colors, useTheme()); const resolvedStyle = useStyledSystemPropsResolver(resolvedProps); //TODO: refactor for responsive prop @@ -30,6 +34,7 @@ const Spinner = (props: ISpinnerProps, ref: any) => { ref={ref} size={size} style={[resolvedStyle, style]} + animating={animating} /> ); }; diff --git a/src/components/primitives/Spinner/types.tsx b/src/components/primitives/Spinner/types.tsx index a017e6ca1..4ad94df81 100644 --- a/src/components/primitives/Spinner/types.tsx +++ b/src/components/primitives/Spinner/types.tsx @@ -11,6 +11,7 @@ export interface InterfaceSpinnerProps * Size of Spinner */ size?: ThemeComponentSizeType<'Spinner'>; + animating?: boolean; // variant?: // | 'custom'