Popover
NB! The component will be deprecated soon.
Please check out our new Popover component.
Placement: top-start
Placement: top
Placement: top-end
Placement: right-start
Placement: right
Placement: right-end
Placement: bottom-start
Placement: bottom
Placement: bottom-end
Placement: left-start
Placement: left
Placement: left-end
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| content | slot | Yes | - | Content of popover |
| default | slot | Yes | - | Content of popover toggle element |
| default_state | - | - | - | TODO - Open/Closed popover by default |
| close_on_click_outside | - | - | - | TODO - Close popover if clicked outside |
| placement | top-start | top | top-end | right-start | right | right-end | bottom-start | bottom | bottom-end | left-start | left | left-end | No | bottom-start | TODO - Placement of popover |
| min_width | - | - | - | TODO - min-width value of popover (px)min-width value of popover (px) |
| max_width | - | - | - | TODO - max-width value of popover (px) |