.finally(React)

English
Copyright © 2023-currentdotfinally, LLC

Pop

Now in 4D!

The Pop component can be used by importing { Pop } from "finallyreact". A simple tooltip or a custom popover can be displayed.

Tooltip text

Tooltip text

Tooltip - On Click

Tooltip - On Click

Tooltip - Styles

Tooltip - Styles

Custom Popover

Custom Popover

Manual

Manual

Simple

Simple

Pop Props

Prop NameProp TypeDescription
customDisplayReact.ReactNodeCustom content to display in the pop wrapper
location'top' | 'bottom' | 'left' | 'right'Location of the pop wrapper relative to the trigger element
showbooleanWhether the pop wrapper is shown
showArrowbooleanWhether the pop wrapper shows an arrow
simplebooleanRenders a simple pop wrapper
textstringText content for the pop wrapper
tooltipPropsHTMLAttributesProps for the tooltip element
triggerType'click' | 'hover' | 'manual'Type of trigger for the pop wrapper