Popover

Type: React component

How to get Popover?

JavaScript

import { Popover } from 'fds/components';

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

  1. children

    (Required)

    Type: ReactNode

  2. maxWidth

    (Optional)

    Type: Number | String

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

    Default value

  3. minWidth

    (Optional)

    Type: Number | String

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

    Default value

  4. onRef

    (Optional)

    Type: 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

    Returns

    Default value

  5. width

    (Optional)

    Type: Number | String

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

    Default value