1839735 - Create snippets / highlights component

Status: RESOLVED DUPLICATE of bug 1838008

(Firefox :: Shopping, task, P2)

Description

[Niklas Baumgardner [:niklas]]

This will contain price, quality, shipping, competitiveness, and packaging (order TBD)

The component will be cropped by default with a show more button that will expand the component to full size and show all snippets

See figma for designs

Comment 1

[kpatenio]

Currently, we have Bug 1838008 for rendering the snippets/highlights content. But we will need to make the actual card component that includes the content itself and the "Show More" button from Bug 1839736, and is expandable/collapsible.

Comment 2

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Figma: https://www.figma.com/file/Wu4kaHSfKSQnzkym7qek3R/Shopping-Experience-MVP?type=design&node-id=5-10060&mode=design&t=sFYCDA0evSL8FyHU-0

See also a11y annotations in figma: https://www.figma.com/file/Wu4kaHSfKSQnzkym7qek3R/Shopping-Experience-MVP?type=design&node-id=1-265&mode=design&t=s4GFkPNxsyXbFQRZ-0

Comment 3

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Attachment: 6/23 screenshot of figma

Screenshot of collapsed view in current Figma

Comment 4

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Attachment: 6/23 screenshot of figma, expanded view

Here's a screenshot of the expanded view, showing the different sub-headings and placeholder icons

Comment 5

[Mike Conley (:mconley) (:⚙️)]

Setting P3 for now, as this is currently unassigned.