Popover - Keep React
Table of Contents#
Default Popover#
The Default Popover demonstrates a basic popover component.
Card Popover#
The Card Popover showcases a popover with a card view, providing a visually appealing way to present additional information or options.
Icon Popover#
The Icon Popover displays a popover with an icon, offering a compact and visually engaging way to provide additional context or actions.
API Reference#
Explore the available props for the Popover component:
| Property | Description | Type | Default |
|---|---|---|---|
| className | Custom CSS class for styling the popover. | string | None |
| placement | Defines the position of the popover relative to the trigger element. | top top-end top-start bottom bottom-end bottom-start left left-end left-start right right-end right-start | top |
Reference#
To learn more about the Floating-UI library and its capabilities, please refer to the comprehensive documentation provided on the Floating-UI website.