Tip

Tooltip

Import

import { Tip } from  'mand-mobile-next'

Vue.createApp().component(Tip.name, Tip)

Code Examples

API

Tip Props

PropsDescriptionTypeDefaultNote
namethe name of tipString/Number-generally used for special class names
contentthe content of tipString/Number--
placementthe position of tipStringtoptop, left, bottom, right
iconicon on the left of contentString-refer to Icon for optional values
icon-svguse svg iconBooleanfalse-
fillfilled with child elementsBooleanfalsesuch as button prompts, equal width(top/bottom) or height(left/right) with buttons
offset-Object:{left, top}--

Tip Events

@show()

Invoked after dialog is shown

@hide()

Invoked after dialog is hidden