Tooltip/Popover

Display a non-modal dialog that floats around a trigger element.

Component typeNuxtUI/Popover
Design SystemsUXD
Hover or Click over the ā€œiā€
Config Settings

Use the mode prop to control the behavior tooltip
default: hover

default: black

default: bottom

PX
Usage
Custom ui props by template?

You can customize the whole template by using the ui prop.
Example: Set the color by importing the color from the template import { white, black } from "~/config/ui/popover/template/color"

If you want to use a template style with additional customization

you can do so by using a merge object in javascript or lodash.

Config
Template