2019-09-27 22:28:25 +08:00
|
|
|
# Popover
|
2020-01-22 16:29:34 +08:00
|
|
|
|
|
|
|
|
Pop some hidden message around content. There isn't much builtin styles in popover. It's more up to you to fill the content.
|
|
|
|
|
|
|
|
|
|
If you just want to display some basic text message, see [Tooltip](n-tooltip) instead.
|
|
|
|
|
|
|
|
|
|
## Demos
|
|
|
|
|
|
2019-09-27 22:28:25 +08:00
|
|
|
```demo
|
|
|
|
|
basic
|
|
|
|
|
delay
|
|
|
|
|
no-arrow
|
|
|
|
|
trigger
|
|
|
|
|
event
|
|
|
|
|
placement
|
|
|
|
|
raw-content
|
|
|
|
|
width
|
2019-12-03 18:36:21 +08:00
|
|
|
manual-position
|
2020-01-22 16:29:34 +08:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Props
|
|
|
|
|
|Name|Type|Default|Description|
|
|
|
|
|
|-|-|-|-|
|
|
|
|
|
|trigger|`'hover' \| 'trigger' \| 'manual'`|`'hover'`||
|
|
|
|
|
|delay|`number`|`0`||
|
|
|
|
|
|duration|`number`|`300`||
|
|
|
|
|
|placement|`'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end' \| `|`'bottom'`||
|
2020-03-04 13:37:55 +08:00
|
|
|
|show-arrow|`boolean`|`false`||
|
2020-01-22 16:29:34 +08:00
|
|
|
|raw|`boolean`|`false`||
|
|
|
|
|
|disabled|`boolean`|`false`||
|
|
|
|
|
|manuallyPositioned|`boolean`|`false`||
|
|
|
|
|
|x|`number`|`null`||
|
|
|
|
|
|y|`number`|`null`||
|
|
|
|
|
|filp|`boolean`|`true`||
|
|
|
|
|
|controller|`object`|`null`||
|
|
|
|
|
|overlay-class|`string`|`null`||
|
|
|
|
|
|overlay-style|`object`|`null`||
|
|
|
|
|
|
|
|
|
|
## Events
|
2020-02-14 23:06:50 +08:00
|
|
|
|Name|Parameters|
|
2020-01-22 16:29:34 +08:00
|
|
|
|-|-|
|
2020-01-30 17:38:14 +08:00
|
|
|
|show|`()`|
|
|
|
|
|
|hide|`()`|
|
