When to use
A simple popup menu to provide extra information or operations.
The most basic example. The size of the floating layer depends on the contents region.
Mouse to click, focus and move in.
Use visible prop to control the display of the card.
There are 12 placement options available.
The following example shows how to create a popover which can be hovered and clicked.
API
| Property | Description | Type | Default |
|---|
content | Content of the card | string | ReactNode | () => ReactNode | - |
title | Title of the card | string | ReactNode | () => ReactNode | - |