Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

metronic 9 tailwind v4 laravel error


tailwind 4.0 not working< I have tried to follow this
https://github.com/laravel/laravel/pull/6523/files


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 (9)


Yes I did, As I said before problem is the tailwind.config.js file



Hi

Have you include the css file from /metronic-tailwind-html/dist/assets/css/styles.css?

The table style is bundled together in this css file.

Thanks



I am not using build file, I am using source file to build using vite.



Hi,

We will release Tailwind 4 official update soon. We are currently working on it. At the moment please consider using Metronic 9 Tailwind 3.x.

Regards,
Sean



Hi Sean,

is there any estimated date for Tailwind 4 on Metronic 9?



Yes, I included files that downloaded from themeforest. The problem was in the tailwind.config.js file. It does not include some table and other plugin custom style. I copied the config from Vue integration and then it works. You may check my your self



Hi

Have you include the Metronic tailwind style, downloaded from Themeforest. The default laravel in the repo does not include style files from it.

Please refer to the readme file

https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel#readme

Thanks



I convinced to use tailwind v3, but now I am getting unstyled all plugins like table. I use default Laravel repo from GitHub (https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel)



Hi,

Metronic v9 currently does not support Tailwind v4 which is just released. Tailwind v4 has many breaking changes so we will need to release migrate release soon.

In the meantime please stick to v3.x of Tailwind instead.

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