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 / InviteFriend
Second part you will found at here:
src / @jumbo / components / Common / InviteFriendForm
InviteFriendForm 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