Extract a component
Extract a jumbo component in your template.
This section will explain to extract a jumbo component in your custom theme. To extract a component follow steps given below:
For example we are exacting below component
If you starting your new app with scratch. then
create a react app and install Material-UI by running following command:// with yarn
$ yarn add @material-ui/core @material-ui/icons @material-ui/lab
// with npm
$ npm install --save @material-ui/core @material-ui/icons @material-ui/lab
First Part you will found at here:
src / routes / Dashboards / Crypto / InviteFriendSecond part you will found at here:
src / @jumbo / components / Common / InviteFriendFormInviteFriendForm is imported in InviteFriend component.
We are using Coremat Ui kit in our Jumbo template. So you have to copy Coremat Ui kit in your template from Jumbo template.
// with yarn
$ yarn add @material-ui/core @material-ui/icons @material-ui/lab clsx prop-types react-bottom-scroll-listener react-perfect-scrollbar slick-carousel react-slick
// with npm
$ npm install --save @material-ui/core @material-ui/icons @material-ui/lab clsx prop-types react-bottom-scroll-listener react-perfect-scrollbar slick-carousel react-slick
Now finally import InviteFriend component in your template component where you want to use. For example
import React from 'react';
import { InviteFriend } from './InviteFriend';
function App() {
return <InviteFriend />;
}
Last modified 2yr ago