V4 - Playground
Work in progress!
<tippy
to="dyn0"
:content="timer"
arrow
show-on-init
sticky
trigger="manual"
:hide-on-click="false"
></tippy>
<button class="btn" name="dyn0">BTN0</button>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
0
<tippy-v4 to="dyn" arrow="" show-on-init sticky trigger="manual">
{{ timer }}
</tippy-v4>
<button class="btn" name="dyn">Dynamic Title</button>
1
2
3
4
5
6
7
2
3
4
5
6
7
<tippy-v4 class="test" test="asdas" arrow="true">
<span slot="content">
Hi!
</span>
<button class="btn" slot="trigger">My Button</button>
</tippy-v4>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
0
<tippy-v4 to="btn3" arrow="true" @shown="alert">{{timer}}</tippy-v4>
<button class="btn" name="btn3">btn3</button>
1
2
3
4
5
2
3
4
5
<button class="btn" :content="timer"
v-tippy-v4="{ showOnInit : true , sticky : true, arrow : timer % 2 == 0}">
btn4
</button>
1
2
3
4
5
6
2
3
4
5
6
<button class="btn" content="@shown" v-tippy-v4 @shown="alert('@shown')">
@shown
</button>
1
2
3
4
5
2
3
4
5