Skip to content

Commit

Permalink
Common action copy updates (Shopify#11851)
Browse files Browse the repository at this point in the history
Some of the language was open ended. Added some more specific examples
to the guidance.
  • Loading branch information
sarahill authored Apr 5, 2024
1 parent 65436e8 commit d14f949
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 3 deletions.
5 changes: 5 additions & 0 deletions .changeset/nine-humans-visit.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'polaris.shopify.com': patch
---

Updated common action guidance.
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ keywords:

![An image showing a card with primary and secondary buttons in the card footer.](/images/patterns/common-actions/common-actions-visual-hierarchy-filled-buttons@2x.png)

Use buttons with a contained or filled background to help merchants identify which action they’ll most likely want within a given view.
Use primary and secondary buttons to help merchants identify which action they’ll most likely want within a given view. See [card layout patterns](/patterns/card-layout#call-to-actions) for more information.

</Medium>

Expand All @@ -146,7 +146,7 @@ keywords:

![An image showing a card with ten different actions using the secondary button style.](/images/patterns/common-actions/common-actions-visual-hierarchy-limit-contained-buttons@2x.png)

Use too many contained or filled buttons within a view as they can degrade hierarchy and cause confusion.
Avoid using more than two shaped or filled buttons within a card as they can degrade hierarchy and cause confusion.

</Medium>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ url: /patterns/common-actions/overview

![A table of locations with the add action in the card header above the table.](/images/patterns/common-actions/types/common-action-types-add-table-top@2x.png)

Place add actions associated with a table in the card, table, or page header.
Place add actions associated with a table in the card, table, or page header. Use a secondary button when "Add" is the main action for a card that has a standalone table or list as its content.

</Medium>

Expand Down

0 comments on commit d14f949

Please sign in to comment.