Popover

How to get Popover

import { Popover } from 'fds/components';

Type: Component

An overlay positioned next to a clicked element, generally used to display a secondary piece of information which doesn't fit within a tooltip. The easiest way to trigger a popover from a clicked component is using a PopoverAnchor.

Props

# Name Type Description
1. children ReactNode
2. [maxWidth] Number | String

The maximum width of the component, sets the CSS "max-width" property.

  Default value
null
3. [minWidth] Number | String

The minimum width of the component, sets the CSS "min-width" property.

  Default value
null
4. [onRef] Function

A callback that is called whenever a component's ref changes.

Use this callback to get a ref to (the domNode of) a component. There shouldn't be many usecases for using this prop yourself, but you might have to implement it with a given argument from a render callback somewhere.

For more information about React and "refs", check the React documentation


  Arguments
# Name Type Description
1. domNode HTMLElement

The domNode on which the component placed its ref callback attribute.

  Returns

Type: void

5. [width] Number | String

The width of the component, sets the CSS "width" property.

  Default value
null
Was this page helpful?