Tooltip

A tooltip is a brief, informative message that appears when a user interacts with an element.

Import

import { MpTooltip } from '@mekari/pixel3'

Props

Events

Slots

Name	Type	Default
`label` Label of tooltip.	`string`	-
`id` Id of tooltip.	`string`	-
`placement` Placement of tooltip.	`"top" \| "left" \| "right" \| "bottom" \| "top-start" \| "top-end" \| "right-start" \| "right-end" \| "bottom-start" \| "bottom-end" \| "left-start" \| "left-end"`	`top`
`is-default-open` If true, tooltip will be open by default.	`boolean`	`false`
`is-manual` If true, tooltip show/hide will be handle manual with `isOpen` prop.	`boolean`	`false`
`is-open` If true/false, tooltip will show/hide. Only active if `is-manual` prop is true.	`boolean`	`false`
`show-delay` Show delay of tooltip in millisecond.	`number`	`0`
`hide-delay` Hide delay of tooltip in millisecond.	`number`	`0`
`use-portal` If true, tooltip is rendered with portal.	`boolean`	`false`
`is-keep-alive` If true, tooltip will be hidden using CSS instead of destroying DOM.	`boolean`	`false`