diff --git a/README.md b/README.md
index 8ce1f8d03f..624bf9d825 100644
--- a/README.md
+++ b/README.md
@@ -1201,6 +1201,16 @@ Defaults to ```false```
 
 https://redocly.com/docs/api-reference-docs/configuration/functionality/#theme-object-openapi-schema
 
+#### hideLoading (optional)
+
+```js
+<RedoclyAPIBlock src="URL pointing to your open api yaml file." hideLoading />
+```
+
+When set to `true` it disables the loading spinner when rendering an OpenAPI file client-side.
+
+Defaults to ```false```.
+
 #### hideTryItPanel (optional)
 
 ```js
diff --git a/example/gatsby-config.js b/example/gatsby-config.js
index c26163269d..c0be0dd49b 100644
--- a/example/gatsby-config.js
+++ b/example/gatsby-config.js
@@ -70,6 +70,11 @@ module.exports = {
             description: 'This is the OpenAPI page of Adobe Analytics',
             path: '/api/index.md/'
           },
+          {
+            title: 'Analytics API - RedoclyAPIBlock',
+            description: 'This is the OpenAPI page of Adobe Analytics',
+            path: '/api-2.md/'
+          },
           {
             title: 'Analytics Swagger file',
             description: 'External link',
diff --git a/example/src/pages/api-2.md b/example/src/pages/api-2.md
new file mode 100644
index 0000000000..de355b8484
--- /dev/null
+++ b/example/src/pages/api-2.md
@@ -0,0 +1,5 @@
+---
+title: OpenAPI - Adobe Analytics
+layout: none
+--- 
+<RedoclyAPIBlock src="https://petstore3.swagger.io/api/v3/openapi.json" />
\ No newline at end of file
diff --git a/packages/gatsby-theme-aio/src/components/RedoclyAPIBlock/index.js b/packages/gatsby-theme-aio/src/components/RedoclyAPIBlock/index.js
index 2c985447f4..0ffdac686b 100644
--- a/packages/gatsby-theme-aio/src/components/RedoclyAPIBlock/index.js
+++ b/packages/gatsby-theme-aio/src/components/RedoclyAPIBlock/index.js
@@ -26,6 +26,7 @@ const RedoclyAPIBlock = ({
   disableSidebar = false,
   disableSearch = false,
   ctrlFHijack = true,
+  hideLoading = false,
   hideTryItPanel = false,
   scrollYOffset = 0,
   sortOperationsAlphabetically = false,
@@ -79,7 +80,7 @@ const RedoclyAPIBlock = ({
                jsonSampleExpandLevel: ${jsonSampleExpandLevel === all ? `'${jsonSampleExpandLevel}'` : jsonSampleExpandLevel},
                ${generateCodeSamples ? "generateCodeSamples: { " + generateCodeSamples + "}," : ''}
                ${requestInterceptor ? "requestInterceptor: " + requestInterceptor + "," : ''}
-               hideLoading: true,
+               hideLoading: ${hideLoading},
                theme: {
                 ${typography ? "typography: { " + typography + "}," : ''}
                 rightPanel: {
@@ -104,6 +105,7 @@ RedoclyAPIBlock.propTypes = {
   codeBlock: PropTypes.string,
   disableSidebar: PropTypes.bool,
   disableSearch: PropTypes.bool,
+  hideLoading: PropTypes.bool,
   hideTryItPanel: PropTypes.bool,
   scrollYOffset: PropTypes.number,
   sortOperationsAlphabetically: PropTypes.bool,