Popover
Popover
Base element which is used in tooltip and select dropdown
top-left
top-center
top-right
left-top
left-center
left-bottom
right-top
right-center
right-bottom
bottom-left
bottom-center
bottom-right
Popover in popover
Parent popover not disappeared when mouse moved to inner popover.
Open popover on hover
Popover Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| arrow-position | The position of the arrow | String | top-left | top-center | top-right | bottom-left | bottom-center | bottom-right | left-top | left-center | left-bottom | right-top | right-center | right-bottom | top-center |
| trigger | Set Hover or Manual trigger | String | hover | manual | hover |
| open | Is Open Popover | Boolean | true | false | false |
| maxWidth | Set Max Width for Popover | String | Number | string | 350 |
| popoverWidth | Set Popover Content width. | String | String | 100% |
| wrapperExternalStyles | Styles for popover reference wrapper. | Object | - | {} |
| delayClose | Set Time of Popover close | Number | --- | 200 |
Dropdown Option Slots
| Name | Description |
|---|---|
| default | Content of the popover |