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

Metronic 9 demos


Hello,

I would like to know when the other react demos for version 9 will be available, currently there is only demo1 available.

Thank you


G
Guest 1 year ago
React PHP Tailwind 4
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
John H 1 year ago

Thank you for asking. I have the same question with you and fortunatetly admin gave us the answer of block blast online.


G
Guest 1 year ago

You might want to keep an eye on the React official blog or their waffle game repository for the latest updates and announcements regarding new demos and features.


user
Sean Author 1 year ago

Hi,

All Metronic 9 Demos(demo 1 - demo 10) are already available for the React version.

To use your preferred demo please perform below steps:

1) Refer to readme. md and install dependencies and launch the Metronic React app.

2) Import the new demo: 


import { Demo8Layout } from "@/layouts/demo8";


3) Assign Demo8Layout to the page route settings:


<Route element={<Demo8Layout />}>

...

</Route.


4) Go to the demo component and customize it as per your requirements:
<core>src/layouts/demo8.

If you need any further help please do let us know.

Regards,
Sean,


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