Skip to content

Commit 5ec9479

Browse files
committed
update card patterns to match common action patterns
1 parent 97184dc commit 5ec9479

10 files changed

+19
-4
lines changed

polaris.shopify.com/content/patterns/card-layout/index.mdx

+19-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
11
---
22
title: Card layout
3+
description: Standardized card layout gives merchants a content structure to rely on.
34
lede: Standardized card layout gives merchants a content structure to rely on.
5+
previewImg: /images/patterns/card-layout/card-layout-cover-image.png
46
url: /patterns/card-layout
57
hideChildren: true
8+
status: New
69
---
710

811
<LayoutSection card>
@@ -60,7 +63,7 @@ Use the object type as card title when the card is a list of objects.
6063
</Medium>
6164

6265
<Medium variant="do">
63-
![A card with tags as card title and a header action. The header action has a pen icon only, but no label. The action conveys that it’s an update action, and leverages the card title to make it clear what is being updated.](/images/patterns/card-layout/structure/[email protected])
66+
![A card with tags as card title and a header action. The header action has a pen icon only, but no label. The action conveys that it’s an edit action, and leverages the card title to make it clear what is being updated.](/images/patterns/card-layout/structure/[email protected])
6467

6568
Choose a title to clarify what the header action does.
6669

@@ -76,7 +79,7 @@ Choose a title that represents all sections if a card has multiple sections.
7679
<Text>
7780
### Header actions
7881

79-
Actions in the header should represent the content of the whole card. The most common header action is the “Update” action, which allows merchants to modify the contents of the card. Another common action is the "View" action, which allows merchants to navigate to the source of the contents.
82+
Actions in the header should represent the content of the whole card. The most common header action is the "Edit" action, which allows merchants to modify the contents of the card. Another common action is the "View" action, which allows merchants to navigate to the source of the contents.
8083

8184
</Text>
8285

@@ -129,6 +132,19 @@ Choose a title that represents all sections if a card has multiple sections.
129132

130133
</Medium>
131134

135+
<Text>
136+
137+
### Table actions
138+
139+
Table actions are placed to the right in the header to keep them discoverable. They are typically actions that allow merchants to add item or select items that will display in the table.
140+
141+
</Text>
142+
143+
<Large>
144+
![A card showing an add action associated with an index table in the card
145+
header.](/images/patterns/common-actions/types/[email protected])
146+
</Large>
147+
132148
</LayoutSection>
133149

134150
<LayoutSection card>
@@ -185,7 +201,7 @@ Choose a title that represents all sections if a card has multiple sections.
185201
</Medium>
186202

187203
<Medium variant="do">
188-
![A card with two sections, each with an update action in its respective section header.](/images/patterns/card-layout/structure/card-layout-structure-19-body-do-place-actions-in-section-header@2x.png)
204+
![A card with two sections, each with an edit action in its respective section header.](/images/patterns/card-layout/structure/card-layout-structure-19-body-do-place-actions-in-section-header@2x.png)
189205

190206
Place section actions in the section header where merchants can associate them to what they control.
191207

polaris.shopify.com/content/patterns/common-actions/index.mdx

-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
title: Common actions
33
description: Standardizing recurring actions gives merchants a predictable way to complete common tasks.
44
lede: Standardizing recurring actions gives merchants a predictable way to complete common tasks.
5-
icon: ColorIcon
65
previewImg: /images/patterns/common-actions/common-actions-cover-image.png
76
keywords:
87
- common actions
Loading
Loading
Loading
Loading
Loading

0 commit comments

Comments
 (0)