Christmas Sale! Limited Time Only - Enjoy 30% Off Metronic Extended License!
Buy for 669$  969$
Light
Dark
System
Ask  Question

Use html theme color set with react


Hello
I see the color palette of demo55 html is not available in react, how should I use that color palette for the react version.


user
lê tuấn 8 months ago
React
3 Answers
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)

user
Lauris Stepanovs Author8 months ago

Hi,

Thank you for reaching out to us.

Please note that our Metronic React version currently offers fewer pre-built pages and demos. However, every page or demo available in the HTML version can be easily reused in the React version. All the necessary styles for any pages are already included in Metronic React. For certain pages, you may need to install additional plugins or do additional JavaScript initialization.

If you wish to use demos that are not currently available in our React version, you can start with the existing demos as a base. Simply replace the style files and layout components, which can be copied from our HTML version.

Please let us know if you have any further questions on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
lê tuấn 8 months ago

This method seems a bit difficult. So is there any way to migrate the pre-built html theme to react?


user
Lauris Stepanovs Author8 months ago

Hi,

Unfortunately, there is no automated way of migrating html features to React. The only option is manually copy and paste code from html version to your React component.

You can find more information on how to use HTML plugins and components in our documentation: https://preview.keenthemes.com/html/metronic/docs/index

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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  :(