{"componentChunkName":"component---src-pages-components-loading-code-mdx","path":"/components/loading/code/","result":{"pageContext":{"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","Accessibility"]},"relativePagePath":"/components/loading/code.mdx","titleType":"prepend","MdxNode":{"id":"8b2f0f70-caa8-5ae3-a6be-66defc72a352","children":[],"parent":"a287134c-e33b-5204-b0e9-1759348ae81b","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', 'Accessibility']\n---\n\n## Loading\n\n<ComponentDemo\n  links={{\n    React: 'https://react.carbondesignsystem.com/?path=/story/loading--default',\n    Angular:\n      'https://angular.carbondesignsystem.com/?path=/story/components-loading--basic',\n    Vue:\n      'http://vue.carbondesignsystem.com/?path=/story/components-cvloading--default',\n    Vanilla: 'https://the-carbon-components.netlify.com/?nav=loading',\n  }}\n  knobs={{ Loading: ['small'] }}>\n  {`\n  <Loading\n    description=\"Active loading indicator\" withOverlay={false}\n  />\n  `}\n</ComponentDemo>\n","type":"Mdx","contentDigest":"10ee7233a39ac899db773479d5f1ffef","counter":1499,"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","Accessibility"]},"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', 'Accessibility']\n---\n\n## Loading\n\n<ComponentDemo\n  links={{\n    React: 'https://react.carbondesignsystem.com/?path=/story/loading--default',\n    Angular:\n      'https://angular.carbondesignsystem.com/?path=/story/components-loading--basic',\n    Vue:\n      'http://vue.carbondesignsystem.com/?path=/story/components-cvloading--default',\n    Vanilla: 'https://the-carbon-components.netlify.com/?nav=loading',\n  }}\n  knobs={{ Loading: ['small'] }}>\n  {`\n  <Loading\n    description=\"Active loading indicator\" withOverlay={false}\n  />\n  `}\n</ComponentDemo>\n","fileAbsolutePath":"/zeit/26e993f/src/pages/components/loading/code.mdx"}}}}