The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Metronic Tailwind Inertia


Hello
How can I use Metronic Tailwind, on Laravel Inertia Js


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)

 
Deleted comment

Hi,

Thank you for reaching out to us.

At the moment, we haven't tried using Metronic in combination with Inertia, we will check it and consider using Inertia in a future release if we see demand.

You can start the Vue app using our metronic-tailwind-vue example app.

Then, use this tutorial for Inertia integration.


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Hello

Use metronic-tailwind-vue is not solution and will not work. No one ca give suggestion how I can make interaction.

For ex. I do this it will be correct:

  1. metronic-tailwind-html\dist\assets copy all files laravel-project\public folder
  2. This is how look inertia app blade <code>
<!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Scripts -->
    @routes
    @vite(['resources/js/app.js', "resources/js/Pages/{$page['component']}.vue"])
    @inertiaHead
</head>
<body class="font-sans antialiased">
    @inertia
</body>
</html> </code>

I can add bottom <code>

<!-- Scripts --> <script src="assets/js/core.bundle.js"> </script> <script src="assets/vendors/apexcharts/apexcharts.min.js"> </script> <script src="assets/js/widgets/general.js"> </script> <script src="assets/js/layouts/demo1.js"> </script> <!-- End of Scripts -- </code> and i head <code> <link href="assets/vendors/apexcharts/apexcharts.css" rel="stylesheet"/> <link href="assets/vendors/keenicons/styles.bundle.css" rel="stylesheet"/> <link href="assets/css/styles.css" rel="stylesheet"/> </code> But in Layouts AuthenticatedLayout I need init metronic ? for ex this is correct? <code> onMounted(() => { KTComponents.init(); KTThemeMode.init(); }); </code>

Hi,

Your solution looks fine, do you have any errors or problems using it?

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  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.