# Popover

Source: https://design.ritchiebros.com/components/utils/popover/

Popovers are small overlays that open on demand, letting people access additional content and actions without cluttering the page.

## Figma

The Figma reference for **Popover** will appear here once the design link is added.

## Storybook

Interactive examples for **Popover** will render here once the Storybook link is wired in.

## Best practices

- Always position a popover next to the control that triggers it.
- Use it for secondary or less important content that stays hidden until opened.
- Group navigation or actions that relate to one another.
- Trigger it from a clearly labeled button.

## Do’s and don’ts

**Do:** Use clear, predictable action labels: “Create auction”, “Add lot”.

**Don’t:** Use vague labels that hide what will happen: “New order”, “Buy”.

## Related components

- [Popper](https://design.ritchiebros.com/components/utils/popper/)
- [Menu](https://design.ritchiebros.com/components/navigation/menu/)
- [Tooltip](https://design.ritchiebros.com/components/data-display/tooltip/)