readme.md

InfoPopover

Display a small information icon which can be toggled by clicking on it.

Basic Usage

  import { InfoPopover } from '@folio/stripes/components';

  <InfoPopover
    allowAnchorClick
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
    buttonLabel="Read more"
    buttonHref="https://wiki.folio.org/"
    buttonTarget="_blank"
  />

Props

Name | Type | Description | default -- | -- | -- allowAnchorClick | boolean | Whether to allow the link button to be clicked | false content | node | The content of the information popover | buttonLabel | node | The label of the button inside the information popover | "Read more" buttonHref | string | The destination for the button inside the information popover | buttonTarget | string | The target for the button | _blank contentClass | string | className for content inside popover | iconSize | string | The size of the icon (small or medium) | small hideOnButtonClick | boolean | Whether to hide popover on anchor button click | false