dd37860c.da656ab5.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{151:function(e,t,n){"use strict";n.r(t),n.d(t,"frontMatter",(function(){return i})),n.d(t,"metadata",(function(){return o})),n.d(t,"toc",(function(){return l})),n.d(t,"default",(function(){return s}));var r=n(3),a=(n(0),n(165));const i={id:"material-ui-v5",title:"With @material-ui v5",hide_title:!0,slug:"/material-ui-v5"},o={unversionedId:"getting-started/material-ui-v5",id:"getting-started/material-ui-v5",isDocsHomePage:!1,title:"With @material-ui v5",description:"Using with @material-ui v5",source:"@site/docs/getting-started/material-ui-v5.mdx",slug:"/material-ui-v5",permalink:"/docs/material-ui-v5",editUrl:"https://github.com/material-table-core/website/tree/master/docs/getting-started/material-ui-v5.mdx",version:"current",sidebar:"docs",previous:{title:"Installation",permalink:"/docs/"},next:{title:"Breaking Changes",permalink:"/docs/breaking-changes"}},l=[{value:"Breaking Changes",id:"breaking-changes",children:[]},{value:"Changes",id:"changes",children:[]},{value:"Reasoning",id:"reasoning",children:[]},{value:"Installation",id:"installation",children:[{value:"Yarn",id:"yarn",children:[]},{value:"NPM",id:"npm",children:[]}]}],c={toc:l};function s(e){let{components:t,...n}=e;return Object(a.b)("wrapper",Object(r.a)({},c,n,{components:t,mdxType:"MDXLayout"}),Object(a.b)("h1",{id:"using-with-material-ui-v5"},"Using with @material-ui v5"),Object(a.b)("p",null,"The v5 version is always keept on par withthe v4 branch expect thechanges to make v5 workable."),Object(a.b)("h2",{id:"breaking-changes"},"Breaking Changes"),Object(a.b)("p",null,Object(a.b)("a",{parentName:"p",href:"/docs/breaking-changes#material-ui-v5"},"See here for more")),Object(a.b)("h2",{id:"changes"},"Changes"),Object(a.b)("p",null,"The table icons are now supplied out-of-the-box, but can still be added to override them."),Object(a.b)("h2",{id:"reasoning"},"Reasoning"),Object(a.b)("p",null,"With ",Object(a.b)("inlineCode",{parentName:"p"},"material-ui")," v5 becoming stable with a beta on July 1st and being promoted as the version to use, we starting to support both version v4 and v5."),Object(a.b)("p",null,"If you migrated to version 5 of ",Object(a.b)("inlineCode",{parentName:"p"},"material-ui"),", simply install our prerelease version to access the new version that supports v5."),Object(a.b)("h2",{id:"installation"},"Installation"),Object(a.b)("h3",{id:"yarn"},"Yarn"),Object(a.b)("p",null,Object(a.b)("inlineCode",{parentName:"p"},"yarn add @material-table/core@next")),Object(a.b)("h3",{id:"npm"},"NPM"),Object(a.b)("p",null,Object(a.b)("inlineCode",{parentName:"p"},"npm install @material-table/core@next")))}s.isMDXComponent=!0},165:function(e,t,n){"use strict";n.d(t,"a",(function(){return p})),n.d(t,"b",(function(){return g}));var r=n(0),a=n.n(r);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=a.a.createContext({}),u=function(e){var t=a.a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},p=function(e){var t=u(e.components);return a.a.createElement(s.Provider,{value:t},e.children)},b="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.a.createElement(a.a.Fragment,{},t)}},m=a.a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,i=e.originalType,o=e.parentName,s=c(e,["components","mdxType","originalType","parentName"]),p=u(n),b=r,m=p["".concat(o,".").concat(b)]||p[b]||d[b]||i;return n?a.a.createElement(m,l(l({ref:t},s),{},{components:n})):a.a.createElement(m,l({ref:t},s))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var i=n.length,o=new Array(i);o[0]=m;var l={};for(var c in t)hasOwnProperty.call(t,c)&&(l[c]=t[c]);l.originalType=e,l[b]="string"==typeof e?e:r,o[1]=l;for(var s=2;s<i;s++)o[s]=n[s];return a.a.createElement.apply(null,o)}return a.a.createElement.apply(null,n)}m.displayName="MDXCreateElement"}}]);