Spinner has the combined public type of React Native ActivityIndicatorProps and ViewProps. Props other than label and style are passed to ActivityIndicator.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"AMiSi Mobile Starter","description":"Documentation for the production-ready Expo and React Native starter with authentication, subscriptions, notifications, analytics, security, and release infrastructure.","colors":{"primary":"#2B59D3","light":"#5C82E6","dark":"#2449AE"},"logo":{"light":"https://mintcdn.com/amisi/OQCBB6T0Z3f8eiII/assets/amisi.svg?fit=max\u0026auto=format\u0026n=OQCBB6T0Z3f8eiII\u0026q=85\u0026s=4d6c9a8a297eb08561c0cc6088098912","dark":"https://mintcdn.com/amisi/OQCBB6T0Z3f8eiII/assets/amisi-light.svg?fit=max\u0026auto=format\u0026n=OQCBB6T0Z3f8eiII\u0026q=85\u0026s=9fb2fd1b6e4320910d1006b6a5cadeec","href":"https://mobile-starter.amisi.ai/"},"favicon":"https://mintcdn.com/amisi/OQCBB6T0Z3f8eiII/assets/favicon.svg?fit=max\u0026auto=format\u0026n=OQCBB6T0Z3f8eiII\u0026q=85\u0026s=16f42f55fbd9060d43eddeed7b7a9d38","appearance":{"default":"system"},"background":{"decoration":"gradient","color":{"light":"#FAFAF9","dark":"#16161A"}},"navbar":{"links":[{"href":"https://mobile-starter.amisi.ai/","label":"Website"},{"href":"https://discord.gg/XtP4jWXw","label":"Discord","type":"discord"}],"primary":{"type":"button","label":"Get the starter","href":"https://mobile-starter.amisi.ai/#pricing"}},"footer":{"socials":{"x":"https://x.com/AmisiMobile","github":"https://github.com/amisi-dev-tools/react-native-expo-starter-kit","discord":"https://discord.gg/XtP4jWXw"},"links":[{"header":"Product","items":[{"label":"Website","href":"https://mobile-starter.amisi.ai/"},{"label":"Pricing","href":"https://mobile-starter.amisi.ai/"},{"label":"Live demo","href":"https://fir-demo-mobile-starter.web.app"}]},{"header":"Resources","items":[{"label":"Quickstart","href":"/getting-started/quickstart"},{"label":"Architecture","href":"/architecture/overview"},{"label":"Changelog","href":"/changelog"}]},{"header":"Community","items":[{"label":"GitHub","href":"https://github.com/amisi-dev-tools/react-native-expo-starter-kit"},{"label":"Discussions","href":"https://github.com/amisi-dev-tools/react-native-expo-starter-kit/discussions"},{"label":"Discord","href":"https://discord.gg/XtP4jWXw"}]},{"header":"Company","items":[{"label":"Enterprise","href":"https://mobile-starter.amisi.ai/enterprise"},{"label":"Terms","href":"https://mobile-starter.amisi.ai/terms-and-conditions"},{"label":"Privacy","href":"https://mobile-starter.amisi.ai/privacy-policy"}]}]},"search":{"prompt":"Search AMiSi docs..."},"fonts":{"heading":{"family":"Sora"},"body":{"family":"Onest"}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"amisi","hasAudioNarration":false,"actualSubdomain":"amisi","customDomains":["docs.mobile-starter.amisi.ai"],"gitSource":{"type":"github","owner":"amisi-dev-tools","repo":"amisi-mobile-starter","deployBranch":"main","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a897b392953dae940903627","collectionId":"b45e0c27-3374-483e-aafe-c7edced231ff","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a897b392953dae940903627"},"feedback":{"thumbs":true},"entitlements":{},"buildId":"6a897b392953dae940903627","clientVersion":"0.0.4054","searchFilterCounts":[{"language":"default","tag":"Features","count":25},{"language":"default","tag":"Components","count":23},{"language":"default","tag":"Packages","count":11},{"language":"default","tag":"Forms","count":9},{"language":"default","tag":"Content and layout","count":8},{"language":"default","tag":"Introduction","count":7},{"language":"default","tag":"Tips \u0026 Tricks","count":7},{"language":"default","tag":"Configuration","count":6},{"language":"default","tag":"Getting started","count":6},{"language":"default","tag":"Working with the starter","count":6}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[],"page":{"pagePath":"ui/components/spinner","slug":"/ui/components/spinner","pageMetadata":{"title":"Spinner","description":"Indicate progress with an optional status label","icon":"react","href":"/ui/components/spinner"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Indicate progress with an optional status label\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const LocalUiPlayground=({component,title,height=640})=>{const[playgroundUrl,setPlaygroundUrl]=useState(null);useEffect(()=>{const isLocal=window.location.hostname===`localhost`||window.location.hostname===`127.0.0.1`;setPlaygroundUrl(isLocal?`http://localhost:8090/`:`https://selcouthdigital.github.io/amisi-mobile-starter/`)},[]);if(!playgroundUrl){return null}return _jsx(`div`,{className:`not-prose mint-my-6 mint-overflow-hidden mint-rounded-xl mint-border mint-border-zinc-950/10 mint-bg-white dark:mint-border-white/10 dark:mint-bg-zinc-950`,children:_jsx(`iframe`,{src:`${playgroundUrl}?component=${component}`,title,className:`mint-block mint-w-full`,style:{height},loading:`lazy`})})};function _createMdxContent(props){const _components={code:`code`,p:`p`,pre:`pre`,span:`span`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{CodeBlock,Heading,Table,_MdxComponentBoundary}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Table)_missingMdxReference(`Table`,true);if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[_jsx(_components.code,{children:`Spinner`}),` centers a native activity indicator and optional caption.`]}),`\n`,_jsx(_MdxComponentBoundary,{name:`LocalUiPlayground`,children:_jsx(LocalUiPlayground,{component:`spinner`,title:`Interactive Spinner example`})}),`\n`,_jsx(Heading,{level:`2`,id:`usage`,children:`Usage`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`5`,language:`tsx`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`tsx`,children:_jsxs(_components.code,{language:`tsx`,numberOfLines:`5`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`Spinner`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` '@amisi-mobile-starter/ui'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`export`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` const`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:` LoadingState`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` () `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`=>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` (`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` \u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`Spinner`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` label`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"Loading account…\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` size`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"large\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`);`})}),`\n`]})})}),`\n`,_jsx(Heading,{level:`2`,id:`props`,children:`Props`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Prop`}),_jsx(_components.th,{children:`Type`}),_jsx(_components.th,{children:`Default`}),_jsx(_components.th,{children:`Description`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.code,{children:`label`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`string`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`undefined`})}),_jsx(_components.td,{children:`Caption rendered below the indicator.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.code,{children:`style`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`StyleProp\u003cViewStyle>`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`undefined`})}),_jsx(_components.td,{children:`Style applied to the outer wrapper.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.code,{children:`color`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`string`})}),_jsx(_components.td,{children:`Current spinner theme color`}),_jsx(_components.td,{children:`Native indicator color.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.code,{children:`size`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`ActivityIndicatorProps['size']`})}),_jsx(_components.td,{children:`React Native default`}),_jsx(_components.td,{children:`Native indicator size.`})]})]})]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.code,{children:`Spinner`}),` has the combined public type of React Native `,_jsx(_components.code,{children:`ActivityIndicatorProps`}),` and `,_jsx(_components.code,{children:`ViewProps`}),`. Props other than `,_jsx(_components.code,{children:`label`}),` and `,_jsx(_components.code,{children:`style`}),` are passed to `,_jsx(_components.code,{children:`ActivityIndicator`}),`.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{LocalUiPlayground,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Spinner","description":"Indicate progress with an optional status label","icon":"react","href":"/ui/components/spinner"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[153,835,")=>null;function _cr"]]},"mdxExtracts":{"tableOfContents":[{"title":"Usage","slug":"usage","depth":2,"children":[]},{"title":"Props","slug":"props","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-my-6 {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem\n}\n.mint-block {\n display: block\n}\n.mint-w-full {\n width: 100%\n}\n.mint-overflow-hidden {\n overflow: hidden\n}\n.mint-rounded-xl {\n border-radius: 0.75rem\n}\n.mint-border {\n border-width: 1px\n}\n.mint-border-zinc-950\\/10 {\n border-color: rgb(9 9 11 / 0.1)\n}\n.mint-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))\n}\n.dark\\:mint-border-white\\/10:is(.dark *) {\n border-color: rgb(255 255 255 / 0.1)\n}\n.dark\\:mint-bg-zinc-950:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1))\n}","subdomain":"amisi","siteName":"AMiSi Mobile Starter","title":"Spinner - AMiSi Mobile Starter","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-08-22T09:41:46.832Z","originalFileLocation":"ui/components/spinner.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Indicate progress with an optional status label\">\u003cmeta data-mint-head name=\"application-name\" content=\"AMiSi Mobile Starter\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Spinner - AMiSi Mobile Starter\">\u003cmeta data-mint-head property=\"og:description\" content=\"Indicate progress with an optional status label\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"AMiSi Mobile Starter\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.mobile-starter.amisi.ai/ui/components/spinner\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://amisi.mintlify.app/_mintlify/api/og/v2?division=Actions+and+feedback\u0026amp;title=Spinner\u0026amp;description=Indicate+progress+with+an+optional+status+label\u0026amp;theme=e9fd690619fa01684fbd9bb1\u0026amp;signature=05030b574dd589c0486ba5b609e283b52f171c1ba6d371ae3644666b7588e7da\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Spinner - AMiSi Mobile Starter\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Indicate progress with an optional status label\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://amisi.mintlify.app/_mintlify/api/og/v2?division=Actions+and+feedback\u0026amp;title=Spinner\u0026amp;description=Indicate+progress+with+an+optional+status+label\u0026amp;theme=e9fd690619fa01684fbd9bb1\u0026amp;signature=05030b574dd589c0486ba5b609e283b52f171c1ba6d371ae3644666b7588e7da\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/amisi/Mi364PzUVnbpdudy/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"AMiSi Mobile Starter\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#2B59D3\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.mobile-starter.amisi.ai/ui/components/spinner\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/ui/components/spinner.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.mobile-starter.amisi.ai/#organization\",\"name\":\"AMiSi Mobile Starter\",\"url\":\"https://docs.mobile-starter.amisi.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/amisi/OQCBB6T0Z3f8eiII/assets/amisi.svg?fit=max\u0026auto=format\u0026n=OQCBB6T0Z3f8eiII\u0026q=85\u0026s=4d6c9a8a297eb08561c0cc6088098912\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.mobile-starter.amisi.ai#website\",\"name\":\"AMiSi Mobile Starter\",\"url\":\"https://docs.mobile-starter.amisi.ai\",\"publisher\":{\"@id\":\"https://docs.mobile-starter.amisi.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner#webpage\",\"url\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner\",\"name\":\"Spinner\",\"description\":\"Indicate progress with an optional status label\",\"dateModified\":\"2026-08-22T09:41:46.832Z\",\"isPartOf\":{\"@id\":\"https://docs.mobile-starter.amisi.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Actions and feedback\",\"item\":\"https://docs.mobile-starter.amisi.ai/ui/components/alert\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spinner\",\"item\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner#article\",\"headline\":\"Spinner\",\"name\":\"Spinner\",\"description\":\"Indicate progress with an optional status label\",\"url\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner\",\"mainEntityOfPage\":{\"@id\":\"https://docs.mobile-starter.amisi.ai/ui/components/spinner#webpage\"},\"dateModified\":\"2026-08-22T09:41:46.832Z\",\"publisher\":{\"@id\":\"https://docs.mobile-starter.amisi.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.mobile-starter.amisi.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"AMiSi Mobile Starter\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"AMiSi Mobile Starter","nav":{"global":null,"tabs":[{"tab":"Introduction","pages":[{"title":"Introduction","href":""}]},{"tab":"Features","pages":[{"title":"Features","href":"/configuration/overview"}]},{"tab":"Integrations","pages":[{"title":"Integrations","href":"/ai-tools/overview"}]},{"tab":"Tips \u0026 Tricks","pages":[{"title":"Tips \u0026 Tricks","href":"/essentials/markdown"}]},{"tab":"Components","groups":[{"group":"Getting started","pages":[{"title":"@amisi-mobile-starter/ui","icon":"palette","href":"/ui/intro"},{"title":"UIProvider","icon":"water","href":"/ui/provider"}]},{"group":"Actions and feedback","pages":[{"title":"Alert","icon":"react","href":"/ui/components/alert"},{"title":"Button","icon":"react","href":"/ui/components/button"},{"title":"SlidingErrorSheet","description":"Present an animated bottom error action that supports swipe dismissal","icon":"react","href":"/ui/components/sliding-error-sheet"},{"title":"Spinner","icon":"react","href":"/ui/components/spinner"}]},{"group":"Content and layout","pages":[{"title":"Avatar","description":"Show a profile image, initials, or fallback character","icon":"react","href":"/ui/components/avatar"},{"title":"Badge","icon":"react","href":"/ui/components/badge"},{"title":"Card","icon":"react","href":"/ui/components/card"},{"title":"Container","icon":"react","href":"/ui/components/container"},{"title":"Divider","icon":"react","href":"/ui/components/divider"},{"title":"ScreenContainer","icon":"react","href":"/ui/components/screen-container"},{"title":"Text","icon":"react","href":"/ui/components/text"},{"title":"View","icon":"react","href":"/ui/components/view"}]},{"group":"Forms","pages":[{"title":"CheckboxField","icon":"react","href":"/ui/components/checkbox-field"},{"title":"Input","icon":"react","href":"/ui/components/input"},{"title":"PasswordInput","icon":"react","href":"/ui/components/password-input"},{"title":"RadioGroupField","icon":"react","href":"/ui/components/radio-group-field"},{"title":"SelectField","icon":"react","href":"/ui/components/select-field"},{"title":"SsoButton","icon":"react","href":"/ui/components/sso-button"},{"title":"SwitchField","icon":"react","href":"/ui/components/switch-field"},{"title":"TextField","icon":"react","href":"/ui/components/text-field"},{"title":"TextareaField","icon":"react","href":"/ui/components/textarea-field"}]}]},{"tab":"Changelog","pages":[{"title":"Changelog","href":"/changelog"}]}]},"basePath":"","title":"Spinner - AMiSi Mobile Starter","buildId":"dpl_345ReqzYaAjzS9QpeJemsKdb7KDj","deploymentId":"dpl_345ReqzYaAjzS9QpeJemsKdb7KDj","dynamics":[],"chunks":[]}