Tabs with JS don't work as expected

[Sulfyderz]

Describe the bug The JS part of tab doesn't work as expected (described here). I have copied and pasted your example and here are the bugs :

1. const tabs = new Tabs(tabsElement, tabElements, options, instanceOptions);, you have to change the position of tabsElement with tabElements. Otherwise, the tab doesn't work;
2. Even if you give the options argument to new Tabs(tabsElement, tabElements, options, instanceOptions);, it doesn't take it into consideration at all... defaultTabId, activeClasses, inactiveClasses and onShow are not taken into consideration;
3. The unexpected workaround to only replicate activeClasses is to use aria-selected: selector to style the currently active tab.

To Reproduce

1. Just copy and paste the example given in the official website here.

Expected behavior const tabs = new Tabs(tabsElement, tabElements, options, instanceOptions); should work as described here.

Desktop:

• OS: macOS Sonoma 14.1.1
• Browser: Safari 17.1

Additional context

• Django 4.2
• Flowbite & Tailwind installed through NPM.

[dylanjcastillo]

I also came across the same issue.

[Sulfyderz]

I also came across the same issue.

Use the version 2.0.0. Not later.

[zoltanszogyenyi]

Hey everyone,

I've used the example from the docs and updated the colors to red and seems to work with JS:

Is the issue still persisting?

Thanks, Zoltan