text: (window.webpackJsonp=window.webpackJsonp||[]).push([[1968],{"013z":function(e,t,a){"use strict";var n=a("q1tI"),o=a.n(n),r=a("NmYn"),c=a.n(r),s=a("Wbzz"),l=a("Xrax"),b=a("a7k6"),i=a("TSYQ"),d=a.n(i),m=a("QH2O"),u=a("qKvR");var p=({title:e,tabs:t=[]})=>Object(u.b)("div",{className:d()(m.pageHeader,{[m.withTabs]:t.length})},Object(u.b)("div",{className:"bx--grid"},Object(u.b)("div",{className:"bx--row"},Object(u.b)("div",{className:"bx--col-lg-12"},Object(u.b)("h1",{id:"page-title",className:m.text},e))))),g=a("BAC9");var x=({relativePagePath:e,repository:t})=>{const{site:{siteMetadata:{repository:a}}}=Object(s.useStaticQuery)("1364590287"),{baseUrl:n,subDirectory:o,branch:r}=t||a,c=`${n}/edit/${r}${o}/src/pages${e}`;return n?Object(u.b)("div",{className:"bx--row "+g.row},Object(u.b)("div",{className:"bx--col"},Object(u.b)("a",{className:g.link,href:c},"Edit this page on GitHub"))):null},O=a("FCXl"),j=a("I8xM");class y extends o.a.Component{render(){const{tabs:e,slug:t}=this.props,a=t.split("/").filter(Boolean).slice(-1)[0],n=e.map(e=>{const n=c()(e,{lower:!0,strict:!0}),o=n===a,r=new RegExp(a+"/?(#.*)?$"),l=t.replace(r,n);return Object(u.b)("li",{key:e,className:d()({[j.selectedItem]:o},j.listItem)},Object(u.b)(s.Link,{className:j.link,to:""+l},e))});return Object(u.b)("div",{className:j.tabsContainer},Object(u.b)("div",{className:"bx--grid"},Object(u.b)("div",{className:"bx--row"},Object(u.b)("div",{className:"bx--col-lg-12 bx--col-no-gutter"},Object(u.b)("nav",null,Object(u.b)("ul",{className:j.list},n))))))}}var h=y,T=a("MjG9");t.a=({pageContext:e,children:t,location:a,Title:n})=>{const{frontmatter:o={},relativePagePath:r,titleType:i}=e,{tabs:d,title:m,theme:g,description:j,keywords:y}=o,{site:{pathPrefix:f}}=Object(s.useStaticQuery)("2456312558"),v=f?a.pathname.replace(f,""):a.pathname,w=d?v.split("/").filter(Boolean).slice(-1)[0]||c()(d[0],{lower:!0}):"";return Object(u.b)(b.a,{tabs:d,homepage:!1,theme:g,pageTitle:m,pageDescription:j,pageKeywords:y,titleType:i},Object(u.b)(p,{title:n?Object(u.b)(n,null):m,label:"label",tabs:d}),d&&Object(u.b)(h,{slug:v,tabs:d,currentTab:w}),Object(u.b)(T.a,{padded:!0},t,Object(u.b)(x,{relativePagePath:r})),Object(u.b)(O.a,{pageContext:e,location:a,slug:v,tabs:d,currentTab:w}),Object(u.b)(l.a,null))}},BAC9:function(e,t,a){e.exports={bxTextTruncateEnd:"EditLink-module--bx--text-truncate--end--2pqje",bxTextTruncateFront:"EditLink-module--bx--text-truncate--front--3_lIE",link:"EditLink-module--link--1qzW3",row:"EditLink-module--row--1B9Gk"}},I8xM:function(e,t,a){e.exports={bxTextTruncateEnd:"PageTabs-module--bx--text-truncate--end--267NA",bxTextTruncateFront:"PageTabs-module--bx--text-truncate--front--3xEQF",tabsContainer:"PageTabs-module--tabs-container--8N4k0",list:"PageTabs-module--list--3eFQc",listItem:"PageTabs-module--list-item--nUmtD",link:"PageTabs-module--link--1mDJ1",selectedItem:"PageTabs-module--selected-item--YPVr3"}},QH2O:function(e,t,a){e.exports={bxTextTruncateEnd:"PageHeader-module--bx--text-truncate--end--mZWeX",bxTextTruncateFront:"PageHeader-module--bx--text-truncate--front--3zvrI",pageHeader:"PageHeader-module--page-header--3hIan",withTabs:"PageHeader-module--with-tabs--3nKxA",text:"PageHeader-module--text--o9LFq"}},Vo1Y:function(e,t,a){"use strict";a.r(t),a.d(t,"_frontmatter",(function(){return s})),a.d(t,"default",(function(){return j}));a("3bBZ"),a("q1tI");var n=a("7ljp"),o=a("013z");a("qKvR");function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function c(e,t){if(null==e)return{};var a,n,o=function(e,t){if(null==e)return{};var a,n,o={},r=Object.keys(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||(o[a]=e[a]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}const s={},l=e=>function(t){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(n.b)("div",t)},b=l("PageDescription"),i=l("Row"),d=l("Column"),m=l("ResourceCard"),u=l("MdxIcon"),p=l("ComponentDemo"),g=l("ComponentVariant"),x={_frontmatter:s},O=o.a;function j(e){let{components:t}=e,a=c(e,["components"]);return Object(n.b)(O,r({},x,a,{components:t,mdxType:"MDXLayout"}),Object(n.b)(b,{mdxType:"PageDescription"},Object(n.b)("p",null,"Preview the loading component with the React live demo. For detailed code usage\ndocumentation, see the Storybooks for each framework below.")),Object(n.b)("h2",null,"Documentation"),Object(n.b)(i,{className:"resource-card-group",mdxType:"Row"},Object(n.b)(d,{colLg:4,colMd:4,noGutterSm:!0,mdxType:"Column"},Object(n.b)(m,{subTitle:"React",href:"http://react.carbondesignsystem.com/?path=/story/loading--default",mdxType:"ResourceCard"},Object(n.b)(u,{name:"react",mdxType:"MdxIcon"}))),Object(n.b)(d,{colLg:4,colMd:4,noGutterSm:!0,mdxType:"Column"},Object(n.b)(m,{subTitle:"Angular (Community)",href:"https://angular.carbondesignsystem.com/?path=/story/components-loading--basic",mdxType:"ResourceCard"},Object(n.b)(u,{name:"angular",mdxType:"MdxIcon"}))),Object(n.b)(d,{colLg:4,colMd:4,noGutterSm:!0,mdxType:"Column"},Object(n.b)(m,{subTitle:"Vue (Community)",href:"http://vue.carbondesignsystem.com/?path=/story/components-cvloading--default",mdxType:"ResourceCard"},Object(n.b)(u,{name:"vue",mdxType:"MdxIcon"})))),Object(n.b)("h2",null,"Live demo"),Object(n.b)(p,{components:[{id:"loading",label:"Loading"}],mdxType:"ComponentDemo"},Object(n.b)(g,{id:"loading",knobs:{Loading:["small"]},links:{React:"https://react.carbondesignsystem.com/?path=/story/loading--default",Angular:"https://angular.carbondesignsystem.com/?path=/story/components-loading--basic",Vue:"http://vue.carbondesignsystem.com/?path=/story/components-cvloading--default",Vanilla:"https://the-carbon-components.netlify.com/?nav=loading"},mdxType:"ComponentVariant"},'\n    <Loading\n      description="Active loading indicator" withOverlay={false}\n    />\n  ')))}j.isMDXComponent=!0}}]);