Skip to content

FeaturePopover

FeaturePopover

This is a wrap component, which is completely inherited from <Popper/>.

jsx
import FeaturePopover from 'intergalactic/feature-popover';
<FeaturePopover />;

PopperProps

& & & & {...}
NameTypeDescription
strategy Popper can have different positioning options
modifiers Modifiers for popper.js
placement The position of the popper relative to the trigger that called it. 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
interaction"click" | "hover" | "focus" | "none" | Interaction with a trigger to show and hide the popper
timeoutnumber | [number, number] Timer to show and hide the popper
visibleboolean Popper visibility value
defaultVisibleboolean Default popper visibility
onVisibleChange(visible: boolean, e: ) => boolean | void Function called when visibility changes
offsetPartial<> | number | [number, number] PopperJS modifier settings for popper indent
preventOverflowPartial<> PopperJS modifier settings for finding borders
arrowPartial<> PopperJS modifier settings responsible for the arrow
flipPartial<> PopperJS modifier settings responsible for turning the popper when there is not enough space
computeStylesPartial<> PopperJS modifier settings for applying styles
eventListenersPartial<> PopperJS modifier settings responsible for subscribing to global events
onFirstUpdate["onFirstUpdate"]
disabledboolean Flag for disable Popover (if true, it will close Popper and it will not respond to handlers)
disableEnforceFocusboolean Disabled focus trap, autofocus and focus return
focusLoopboolean
explicitTriggerSetboolean If enabled, you will need to use setTrigger function from children rendering function to set popper trigger.
cursorAnchoringboolean If set, popper will be placed near the place mouse cursor entered the trigger

FeaturePopover.Trigger

This is the element, to which <FeaturePopover.Popper/> will be attached. It's fully inherited from <Popper.Trigger/>.

jsx
import FeaturePopover from 'intergalactic/feature-popover';
<FeaturePopover.Trigger />;

PopperTriggerProps

& {...}
NameTypeDescription
disableEnforceFocusboolean Disabled focus trap, autofocus and focus return

FeaturePopover.Popper

This is the element, to which <FeaturePopover.Trigger/> will be attached. It's fully inherited from <Popper.Popper/>.

jsx
import FeaturePopover from 'intergalactic/feature-popover';
<FeaturePopover.Popper />;

FeaturePopoverPopperProps

& {...}
NameTypeDescription
closeIconboolean The property responsible for the visibility of the closing icon
durationnumber Animation display duration in `ms`
localestring

FeaturePopover.Spot

This blinking circle is inherited from <Box>.

jsx
import FeaturePopover from 'intergalactic/feature-popover';
<FeaturePopover.Spot />;

Released under the MIT License.

Released under the MIT License.