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”.