==Goal
The goal of this task is to describe the open and close functionality for Wikipedia Preview on mobile as well as the position of the popup on the screen.
==User
Reader on a partner's website
==Interaction
- A reader will tap on a hyperlink on the website they are visiting
- A preview card will appear at the bottom of the phone screen as a bottom sheet
- The card can either have a close button or the user can tap outside the screen to close the card
==Design
|---|---
|Preview before tap|Preview after tap|
|{F31851727 width=200} |{F31851730 width=200}|
====zeplin
https://app.zeplin.io/project/5edf645eef92dfb2dc2f8ce8/dashboard?seid=5edf6538786044b779ffa643
==Interaction details
- Users can view previews by tapping on links present in an article.
- After tapping preview is in focus and rest of the screen area has an overlay.
- Users can close the previews either by tapping outside or tap on the close button.