{"componentChunkName":"component---src-pages-components-loading-code-mdx","path":"/components/loading/code/","webpackCompilationHash":"858cd91bffcad76c0e29","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Loading","description":"Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/loading/code.mdx","titleType":"prepend","MdxNode":{"id":"eba6a6c9-7e2a-5cbb-a6ab-3843dff38c0c","children":[],"parent":"da7590b7-476a-5a21-a5e7-eb7cc1c9f4ed","internal":{"content":"---\ntitle: Loading\ndescription: Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Loading\n\n<ComponentCode\n  name=\"Loading\"\n  component=\"loading\"\n  variation=\"loading\"\n  hasReactVersion=\"loading--default\"\n  hasVueVersion=\"loading--default\"\n  hasAngularVersion=\"?path=/story/loading--basic&knob-With overlay=true&knob-Size of the loading circle=normal\"\n  codepen=\"eoZzvV\"></ComponentCode>\n\n## Loading without overlay\n\n<ComponentCode\n  name=\"Loading without overlay\"\n  component=\"loading\"\n  variation=\"loading--without-overlay\"\n  hasReactVersion=\"loading--default\"\n  hasVueVersion=\"loading--default&knob-overlay=false\"\n  hasAngularVersion=\"?path=/story/loading--basic\"\n  codepen=\"ROaRgb\"></ComponentCode>\n\n## Loading small\n\n<ComponentCode\n  name=\"Loading small\"\n  component=\"loading\"\n  variation=\"loading--small\"\n  hasReactVersion=\"loading--default\"\n  hasVueVersion=\"loading--default&knob-small=true\"\n  hasAngularVersion=\"?path=/story/loading--basic&knob-With overlay=&knob-Size of the loading circle=sm\"\n  codepen=\"dLMXRE\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"loading\"></ComponentDocs>\n","type":"Mdx","contentDigest":"241663079fb0efc4a46fc2452e107382","counter":1197,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Loading","description":"Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Loading\ndescription: Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Loading\n\n<ComponentCode\n  name=\"Loading\"\n  component=\"loading\"\n  variation=\"loading\"\n  hasReactVersion=\"loading--default\"\n  hasVueVersion=\"loading--default\"\n  hasAngularVersion=\"?path=/story/loading--basic&knob-With overlay=true&knob-Size of the loading circle=normal\"\n  codepen=\"eoZzvV\"></ComponentCode>\n\n## Loading without overlay\n\n<ComponentCode\n  name=\"Loading without overlay\"\n  component=\"loading\"\n  variation=\"loading--without-overlay\"\n  hasReactVersion=\"loading--default\"\n  hasVueVersion=\"loading--default&knob-overlay=false\"\n  hasAngularVersion=\"?path=/story/loading--basic\"\n  codepen=\"ROaRgb\"></ComponentCode>\n\n## Loading small\n\n<ComponentCode\n  name=\"Loading small\"\n  component=\"loading\"\n  variation=\"loading--small\"\n  hasReactVersion=\"loading--default\"\n  hasVueVersion=\"loading--default&knob-small=true\"\n  hasAngularVersion=\"?path=/story/loading--basic&knob-With overlay=&knob-Size of the loading circle=sm\"\n  codepen=\"dLMXRE\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"loading\"></ComponentDocs>\n","fileAbsolutePath":"/tmp/753a091b/src/pages/components/loading/code.mdx"}}}}