Popover
Displays a popup with content when a trigger is clicked.
Importing
1
import { PopoverContent, PopoverRoot, PopoverTrigger } from '@infinityfx/fluid';Usage
API reference
PopoverRoot Props
position?
'auto' | 'center'
'auto'
How to position the popover content relative to the trigger.
mobileContainer?
'popover' | 'modal'
'popover'
How to display the popover on mobile devices.
stretch?
boolean
false
Whether to stretch the popover container width to match the trigger element.
onClose?
() => void
Callback function triggered when the popover closes.
PopoverTrigger Props
longpress?
boolean
false
Requires holding the trigger down for at least 400ms to open the popover.
disabled?
boolean
false