CSS
Vars
VuePopper can be customized using CSS vars. The following vars are available:
--vue-popper-bg
The background color of the tooltip.
- Default:
#fff
--vue-popper-border
The border of the tooltip.
- Default:
0px solid transparent
--vue-popper-border-radius
The border radius of the tooltip.
- Default:
6px
--vue-popper-text-color
The text color of the tooltip.
- Default:
#000
--vue-popper-shadow
The box shadow of the tooltip.
- Default:
0 0 20px 4px rgb(154 161 177 / 15%), 0 4px 80px -8px rgb(36 40 47 / 25%), 0 4px 4px -2px rgb(91 94 105 / 15%)
--vue-popper-zindex
The z-index of the tooltip.
- Default:
1000
--vue-popper-padding
Padding of the tooltip.
- Default:
0em