add prefix to tailwind.config.js not work

[www-YM]

Hello, after I add a prefix to tailwind.config.js, Tailwind-Elements will not work. Does it not support prefixes?

// tailwind.config.js

module.exports = {
  content: [
    "./src/**/*.{html,js}",
    "./node_modules/tw-elements/dist/js/**/*.js",
  ],
  prefix: 'I__',
  theme: {
    extend: {},
  },
  plugins: [require("tw-elements/dist/plugin")],
};

[evsmithx]

I have also had this problem - tailwind elements doesn't work if you're using tailwind with a prefix or with important: true. This is a problem for me because I need to use a prefix or important mode because my project also uses bootstrap and a. the bootstrap utilities have important on as default and b. some names clash with tw-elements (e.g. dropdown-menu).

I'd like to remove bootstrap entirely but I don't have time!

[RmaxTwice]

Any progress on this?

[MrAlekhin]

same here. what's the pint of a prefix if it's not supported with elements? 🤷‍♂️

[alanef]

Same issue - this is a problem for me too. As I build components and need to avoid clashes

[bspyropoulos]

Any news on that. Is there a workaround for now?

[Trochonovitz]

Hi, every our component which contains some JS added classes are reachable and fully customizable via data-te-class- - more about available options you can find at API tab in our documentation e.g. Timepicker API.

[smolenski-mikolaj]

Closing due to inactivity.