side-nav-2 with Tooltips out of Data from Backend

Topic: side-nav-2 with Tooltips out of Data from Backend

almato free asked 1 year ago

Hello

Is there a way to get ToolTips out of the data from the Backend?

Expected behavior mdb-tooltip included in Data Array

Actual behavior no hint in documentation

best regards

Resources (screenshots, code snippets etc.)

 <mdb-side-nav-2 v-model="show" color="black" over :sidenav-class="['sidenav-content']"
    :data="content" @itemClick="selectItem"  >


 content: Array[1]
  name: menu1
  ???: ToolTip to menue1

Add comment

Bartosz Cylwik staff answered 1 year ago

0 0 Best answer

Please insert min. 20 characters.

Hi, to use tooltip in a mdb-side-nav-2, you would have to use the custom content slot like in a example bellow

https://mdbootstrap.com/docs/b4/vue/navigation/sidenav/#custom - docshttps://vue.mdbootstrap.com/#/navigation/pro/sidenav2/ - preview (scroll to Custom slim with tooltips)

You can create your custom array with data (named custom in that example) and add it inside v-for loop. (in that example, change show6 to show inside the mdb-tooltip component)

Best Regards!

Add comment

Bartosz Cylwik staff answered 1 year ago

0 0 Best answer