Jumbo 5.0
Search…
Installation and Setup
Structure
Style Customization
Settings
Laravel Version
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
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.
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
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 1yr ago