Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 2 years ago
React
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Lauris Stepanovs Author 2 years 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 2 years ago

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


user
Lauris Stepanovs Author 2 years 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(