Automattic / Automattic/jetpack

My Jetpack: Create expanded card component

Open
#29,677 1 comment 0 reactions 1 assignee Claimed by @renatoagds View on GitHub
[Package] My Jetpack Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

We need a new, bigger product card component to show extra metrics and stats for a given product. It will be showed when the user clicks on the Expand button of a normal enriched product card.

Screen Shot 2023-03-23 at 19 15 07

The card expansion needs to follow this pattern:

Screen Shot 2023-03-23 at 19 16 21

For mobile, the card will expand vertically.

The layout of the new, expanded card is as follow:

![image](https://user-images.githubusercontent.com/6760046/227553174-d4c2e2fe-2b07-4fe2-ae16-0a420af4644e.png)

---

Note: we can get details about spacing, font size and other layout specs from the design team as well as the Figma file. Check the third iteration information at p1HpG7-lq9-p2

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.