[Solved] Framework7 Svelte Tooltip

Questions
1

I want to use tooltip with Svelte. How should the correct use be?

 {#each shift.shiftDetail as detail}   
    <Icon f7="info_circle_fill" class="color-yellow tooltip-init" data-tooltip="{detail.week}" />
{/each}

Update

I am using this right now

<div  on:click|once={ event =>  showPopover(detail.week,event)} >
     <Icon f7="info_circle_fill" class="color-yellow"/>
</div>

    function showPopover(text,event){

                    f7.tooltip.create({

                      targetEl: event.target,

                      text: text,

                    }).show(event.target);

                  }
2

It has just a tooltip prop where you can pass tooltip text https://framework7.io/svelte/icon.html#icon-properties

1 Like
3

Oh my god. I missed it. Thank you