|
…
|
||
|---|---|---|
| .. | ||
| 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