# Help popover

An icon button with a question mark that reveals help information on click or tap.

Tabs: [Guidelines](/components/web/help-popover/help-popover.guidelines.md) · [Code](/components/web/help-popover/help-popover.code.md) · [Content](/components/web/help-popover/help-popover.content.md)

## Clarify the label first

A help popover isn’t a cure for unclear labelling. Have a go at fixing the label before tacking on a popover.

**Do:**

Current job title

**Don't:**

Enter the employee’s current job title.

Title

## Don’t hide critical information

Only curious users will toggle a popover. Many will skim past them, assuming they already understand. If the information is essential, make it visible in the UI where it can’t be missed.

**Do:**

Bank account

This account was automatically created in Xero to keep your expenses separate and organised.

Pleo Balance Account

**Don't:**

Please don't change this account, as the connection between Pleo and Xero will fail, and exporting will no longer be possible.

Bank account

Pleo Balance Account

## Keep text concise

Short is best — aim for under 10 words. Avoid jargon, complex sentences, and repeating what’s already on screen. Test clarity with a [readability checker](https://www.webfx.com/tools/read-able/#enter-text-tab) (score 70+).

**Do:**

The most you can spend in a single card purchase.

Per-purchase limit

**Don't:**

This number represents the upper limit for a single transaction on this card. There is no limit to the number of purchases that can be made, so long as each purchase stays below the set amount.

Per-purchase limit

## Use sparingly

Too many popovers dilute their usefulness. Only include them when they add real value — clarifying, reassuring, or guiding.
