react-amiga-guru-meditation
Version:
A React Error Boundary styled like the Amiga Guru Meditation
2 lines • 3.11 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{xVoU:function(r,e,o){"use strict";o.r(e),o.d(e,"_frontmatter",(function(){return l})),o.d(e,"default",(function(){return i}));var a=o("Fcif"),n=o("+I+c"),t=(o("mXGw"),o("/FXl")),c=o("TjRS"),u=o("ZFoC"),m=o("HrmN"),p=o("Z6QO"),l=(o("aD51"),{});void 0!==l&&l&&l===Object(l)&&Object.isExtensible(l)&&!l.hasOwnProperty("__filemeta")&&Object.defineProperty(l,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"srcdocs/components/AmigaErrorBaundary/amigaerrorboundary.mdx"}});var d={_frontmatter:l},b=c.a;function i(r){var e,o,i=r.components,s=Object(n.a)(r,["components"]);return Object(t.b)(b,Object(a.a)({},d,s,{components:i,mdxType:"MDXLayout"}),Object(t.b)("h1",{id:"amigaerrorboundary"},"AmigaErrorBoundary"),Object(t.b)("p",null,"You may use the ",Object(t.b)("inlineCode",{parentName:"p"},"AmigaErrorBoundary")," as a ErrorBoundary"),Object(t.b)("h2",{id:"basic-usage"},"Basic usage"),Object(t.b)("pre",null,Object(t.b)("code",{parentName:"pre",className:"language-jsx"},"<AmigaErrorBoundary>\n ... your components\n</AmigaErrorBoundary>\n")),Object(t.b)(u.c,{__position:0,__code:'<AmigaErrorBoundary show={false} error={"Hello, I\'m error"}>\n <p>Set true the show prop</p>\n</AmigaErrorBoundary>',__scope:(e={props:s,DefaultLayout:c.a,Playground:u.c,Props:u.d,AmigaErrorBoundary:m.a,AmigaErrorBoundaryExample:p.a},e.DefaultLayout=c.a,e._frontmatter=l,e),mdxType:"Playground"},Object(t.b)(m.a,{show:!1,error:"Hello, I'm error",mdxType:"AmigaErrorBoundary"},Object(t.b)("p",null,"Set true the show prop"))),Object(t.b)("p",null,"Of course, you may use it to display any catchable error in your children components"),Object(t.b)("pre",null,Object(t.b)("code",{parentName:"pre",className:"language-jsx"},'<AmigaErrorBoundary show={true} error={"Hello, I\'m error"}>\n ... your components\n</AmigaErrorBoundary>\n')),Object(t.b)("p",null,"You may also change the appearance"),Object(t.b)(u.c,{__position:1,__code:'<AmigaErrorBoundary\n show={false}\n error={"Hello, I\'m error"}\n color="#f90"\n backgroundColor="#a00"\n>\n <p>Set true the show prop and change the color</p>\n</AmigaErrorBoundary>',__scope:(o={props:s,DefaultLayout:c.a,Playground:u.c,Props:u.d,AmigaErrorBoundary:m.a,AmigaErrorBoundaryExample:p.a},o.DefaultLayout=c.a,o._frontmatter=l,o),mdxType:"Playground"},Object(t.b)(m.a,{show:!1,error:"Hello, I'm error",color:"#f90",backgroundColor:"#a00",mdxType:"AmigaErrorBoundary"},Object(t.b)("p",null,"Set true the show prop and change the color"))),Object(t.b)("h2",{id:"example"},"Example"),Object(t.b)(p.a,{mdxType:"AmigaErrorBoundaryExample"}),Object(t.b)("h2",{id:"props"},"Props"),Object(t.b)(u.d,{of:m.a,mdxType:"Props"}))}void 0!==i&&i&&i===Object(i)&&Object.isExtensible(i)&&!i.hasOwnProperty("__filemeta")&&Object.defineProperty(i,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"srcdocs/components/AmigaErrorBaundary/amigaerrorboundary.mdx"}}),i.isMDXComponent=!0}}]);
//# sourceMappingURL=component---srcdocs-components-amiga-error-baundary-amigaerrorboundary-mdx-1f318243d41b75b18411.js.map