Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Metronic 8


Hello guys.

So, here is the thing :D
I recently bought Metronic 8, React version, and I want to have a "clean" let's say, template, without the demo components. I want only to have the Auth mechanism (which I will customize to my needs), but I don't want the rest. I will add the component that I need add-hoc depending on my need happy

Is there any video, tutorial, guidance or documentation on how to achieve that, or should I strip all the contents that I don't need under the demo1 of the template and add only the ones that I need?

Thank you in advance happy


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Sorry for the late reply.

The integration instructions depend on your project requirements. If you already have an existing project, you can simply copy the theme files and paste them into your project.

Make sure to include the mandatory style files:

import "./_metronic/assets/sass/style.react.scss";
import "./_metronic/assets/sass/style.scss";


If you want to use the Keenicon set, be sure to import the Keenicon styles as shown below:

import "./_metronic/assets/keenicons/duotone/style.css";
import "./_metronic/assets/keenicons/outline/style.css";
import "./_metronic/assets/keenicons/solid/style.css";


To use our custom TypeScript components, you should also include the global components initialization file. Refer to the initialization in src/_metronic/layout/MasterInit.tsx.

If you do not have an existing project, it is recommended to use our current structure as a base and modify the files to suit your needs. Following our default structure will make it easier to apply new Metronic updates.

Please let me know if you have any additional questions on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi,

Sorry for the delay. Our React dev was not available these days but we will try to reply to you asap once he is back today.

Regards.



Hi happy,

Sure, noted. I have assigned your case to our React expert and he will get back to you asap.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(