Jumbo 5.0
Search…
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

Create React App With Material-UI

If you starting your new app with scratch. then create a react app and install Material-UI by running following command:
1
// with yarn
2
$ yarn add @material-ui/core @material-ui/icons @material-ui/lab
3
4
// with npm
5
$ npm install --save @material-ui/core @material-ui/icons @material-ui/lab
Copied!

Copy Component

Copy above metioned component from Jumbo into your React and Material theme. You will find above component in two parts in cre-demo.zip file:
cre-demo.zip file you find in package content. For more information click here
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.

Copy Coremat UI kit

We are using Coremat Ui kit in our Jumbo template. So you have to copy Coremat Ui kit in your template from Jumbo template.

Install Required Packages

Now install required package by Coremat Ui . To install run following command:
1
// with yarn
2
$ 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
3
4
// with npm
5
$ 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
Copied!

Import Component

Now finally import InviteFriend component in your template component where you want to use. For example
1
import React from 'react';
2
import { InviteFriend } from './InviteFriend';
3
4
function App() {
5
return <InviteFriend />;
6
}
Copied!
Last modified 10mo ago