tooltips positions
#473
Replies: 1 comment
-
|
This is the relevant code on how it places. I'm sorry if it isn't documented that well. const resolvePlacement = (
modifiers: DirectiveBinding['modifiers']
): Tooltip.Options['placement'] => {
if (modifiers.left) {
return 'left'
}
if (modifiers.right) {
return 'right'
}
if (modifiers.bottom) {
return 'bottom'
}
return 'top'
}This, more importantly, is relevant code on how it is used. <b-button v-b-tooltip.top :title="tooltip">Tooltip on top</b-button>
<b-button @click="setTooltip">Change tooltip</b-button>
<b-button v-b-tooltip.left title="Tooltip on left">Tooltip on left</b-button>
<b-button v-b-tooltip.right.click title="Tooltip on right">Tooltip on right</b-button>
<b-button v-b-tooltip.bottom title="Tooltip on bottom">Tooltip on bottom</b-button> |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
I managed to use tooltips but I cannot find a way to personalize the position
In vuebootstrap for vue2 it was something like
{ placement: 'top' }
Beta Was this translation helpful? Give feedback.
All reactions