mdbTabs dynamic and not unique links text and slots names.


Topic: mdbTabs dynamic and not unique links text and slots names.

laniakea asked 5 years ago

I need to have tab-links witrh dynamic text. Text can be the same for several links. But I need different content for that tabs.

Can I do it with only mdbTabs component? If not, then why? Why in PRO component I bought I do not have such primitive functionality? I know that it is easy to do, but I do not have access to sources (they are minified).

Expected behavior

I have array of, something like such nav links info [{ text: 'New Tab', id: 'id0' }, { text: 'New Tab', id: 'id1' }] and diferent content with :slot="'id0'" and :slot="'id1'" Tabs are switching even with same text in links.

Actual behavior

I have array of nav links info [{ text: 'New Tab' }, { text: 'New Tab' }] and diferent content with :slot="'New Tab'" ans :slot="'New Tab'". Always both contents is diplayed.


Magdalena Dembna staff premium answered 5 years ago

This version of mdbTabs is based on named slots - and those slots are named after the text key so it can't be done in the current mdbvue version. All available properties can be found here: https://mdbootstrap.com/docs/vue/components/tabs/ and I believe that rules of slot creation are described quite clearly. However, your suggestion is valuable to us - we will certainly consider expanding this component in the future. Kind regards, Magdalena


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.0.1
  • Device: Web (desktop)
  • Browser: Vivaldi 2.8.1664.40
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags