|
|
||
|---|---|---|
| .. | ||
| demo | ||
| test | ||
| README.en-US.md | ||
| README.md | ||
| component.js | ||
| index.js | ||
| tip.vue | ||
README.en-US.md
| title | preview |
|---|---|
| Tip | https://mand-mobile.github.io/2x-doc/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