|
||
---|---|---|
.. | ||
demo | ||
test | ||
README.en-US.md | ||
README.md | ||
component.js | ||
index.js | ||
tip.vue |
README.en-US.md
title | preview |
---|---|
Tip | https://didi.github.io/mand-mobile/examples/#/tip |
Tooltip
Import
import { Tip } from 'mand-mobile'
Vue.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