Mand MobileTip
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