vtex / shoreline

VTEX Design System for back-office experiences. Currently available for internal usage at VTEX.
https://shoreline.vtex.com
24 stars 1 forks source link

Prop for page header background color #2036

Open matheusps opened 3 weeks ago

matheusps commented 3 weeks ago

Problem

There are designs where the background is soft instead of base. This is not supported by the Page component by default.

Solution

Accept a variant on the page

<Page variant="soft | base">

Usage examples

No response

Dependencies

No response

References

Figma Page: https://www.figma.com/design/xmWRVrjShWlZwchJg0huzZ/Product-%E2%80%93-FastStore-WebOps-v2?node-id=929-75490&node-type=frame&m=dev.

beatrizmilhomem commented 3 weeks ago

Agreed!

Related issue to define the pattern https://github.com/vtex/shoreline/issues/1788

renatamottam commented 3 weeks ago

Nice! This background is being used on dashboards proposals. It'll definitely help :)

davicostalf commented 3 weeks ago
lucasaarcoverde commented 3 weeks ago

One token is called bg-base and the other is bg-base-soft. Won't it be confusing for the prop values to be named soft and base?

I agree with that! Maybe we should take the primary and secondary approaches, which would open space for other variants