Tailwind template are very messy and inaccurate :/
Many example classes in the documents are not actually in the template! Even classes and attributes in the HTML tab are different from the HTML in the code itself. Both the documentation and the Tailwind template are very messy and inaccurate.
- The error pages are not in the template;
- Several modal classes don't exist in the template's css;
- Modal attributes don't work and are mentioned differently: in the HTML tab it uses data-modal-autofocus=“true”, but when you open the modal and inspect it, it uses data-modal-input-focus=“true”, and it doesn't work either way;
- Color classes are in conflict;
- KTLayout doesn't work.
Replies (2)
I’ve found that Tailwind templates can sometimes feel messy and inaccurate, especially when trying to customize them for Spectra Precision LL300N Laser Level w/ HL450 Receiver specific needs. The code often needs cleaning up, and achieving precise design elements can be tricky. However, with some tweaking, it’s possible to make them work well for more polished projects.
Hi,
Thank you for your feedback.
Please note that Tailwind builds(this is how Tailwind works) the output CSS file based on the CSS classes used in your HTML. When you copy and paste any code from the documentation into your template pages you will need to recompile the CSS using this guide.
Regarding the data-modal-input-focus=“true” attribute, we will update the docs accordingly.
Regarding conflicting color classes and the KTLayout issue can you provide more info ?
Which version of Metronic 9 are you using? Is the default HTML or you are integrating with Next.js, React, or Vue?
Regards,
Sean
