Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Demo 36 in React


Hi, I would like to start a new project using Metronic React theme. I like design of Demo #36 but in downloaded project there are only 6 React themes. I can see all 60 themes in HTML folder. How can I easily apply HTML of Demo #36 to one of existing React themes? Mojo


G
Guest 2 years ago
Metronic React HTML
2 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 (2)

user
Muhawraat Clothing 1 year ago

Explore Muhawraat's stunning range of Pakistani wedding dresses, featuring intricate designs and luxurious fabrics. Celebrate your special day with bridal outfits that blend traditional elegance with modern flair.


user
Lauris Stepanovs Author 2 years ago

Hi,

Thank you for reaching out to us.

Please be aware that currently, the Metronic React version offers 8 demos, and demo36 is not available. All demos share the same core style and pages. You can effortlessly implement any demo by using existing Metronic demos as a foundation and referring to our HTML version.

To achieve this, update the styles in the following folders:

  • /src/_metronic/assets/sass/layout
  • /src/_metronic/assets/sass/components


Also, make adjustments to the default layout components in /src/_metronic/layout.

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