Background
We need to implement the Popover component in Codex.
The need for this component stems from having an existing Popover in OOUI and conversation from the Tooltip task.
Description
Popover component provides a localized container based on a trigger to provide long for information, layouts, and interactive elements.
User stories
- As a user, I need additional space to provide information or interactivity based on an existing element on the page.
Potential use cases
Wikidata Query Builder uses the Popover component from the WiKit design system (in deprecation). | |
Tooltips in OOUI, seen on Special:Preferences > Notifications (Desktop and mobile) | |
Growth implementation in Vue (See related task T340199) | |
Popover in WMDE Wikit | |
Popups with different content in Wikipedia. | |
Popover in WMDE Wikit | |
Acceptance criteria
Minimum viable product
This task covers the minimum viable product (MVP) version of this component. MVP includes basic layout, default states, and most important functionality.
MVP scope
- ???
Design
- Implement the component in Figma
Code
- Implement the Vue component in Codex
- Implement the CSS-only component in Codex (optional -- TBD as part of refinement)