Tip
Tooltip
Import
import { Tip } from 'mand-mobile-next'
Vue.createApp().component(Tip.name, Tip)
Code Examples
API
Tip Props
Props | Description | Type | Default | Note |
---|---|---|---|---|
name | the name of tip | String/Number | - | generally used for special class names |
content | the content of tip | String/Number | - | - |
placement | the position of tip | String | top | top , left , bottom , right |
icon | icon on the left of content | String | - | refer to Icon for optional values |
icon-svg | use svg icon | Boolean | false | - |
fill | filled with child elements | Boolean | false | such 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