Topic: mdbTabs dynamic and not unique links text and slots names.
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.
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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