You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: polaris.shopify.com/content/foundations/patterns/new-badge/index.md
+11-7Lines changed: 11 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: New badge
3
-
description: The [New] badge can be used to inform merchants about the release of a feature that creates new value. It should be used sparingly and for a short time frame.
3
+
description: The New badge can be used to inform merchants about the release of a feature that creates new value. It should be used sparingly and for a short time frame.
4
4
icon: StarFilledMinor
5
5
keywords:
6
6
- new badge
@@ -16,26 +16,30 @@ There’s opportunity to expand on this documentation. If you’d like to share
16
16
17
17

18
18
19
-
## When to use the [New] badge
19
+
## When to use the New badge
20
20
21
-
The [New] badge should be used on features that have all of these 3 characteristics:
21
+
The New badge should be used on features that have all of these 3 characteristics:
22
22
23
23
- We want to drive adoption of this feature
24
24
- It’s creating new value for merchants (not just an improved way of doing something they are already doing)
25
25
- It’s worth distracting our merchants from their current workflow to inform them about a whole new part of Shopify
26
26
27
-
Consider how the admin would look if it was cluttered with [New] badges or features of varying importance—overusing the badge creates unnecessary distraction and lessens its impact.
27
+
Consider how the admin would look if it was cluttered with New badges or features of varying importance—overusing the badge creates unnecessary distraction and lessens its impact.
28
28
29
-
## How long to use the [New] badge
29
+
## How long to use the New badge
30
30
31
-
[New] badges should have a short lifespan. The badge should disappear:
31
+
New badges should have a short lifespan. The badge should disappear:
32
32
33
33
- When the user has clicked on the interactive element it’s attached to, or
34
34
- 5 days after they first saw it, or
35
35
- after 3 sessions, such as landing on a page 3 times
36
36
37
-
### What the [New] badge should look like
37
+
### What the New badge should look like
38
38
39
39
- Use the [informational badge variant](https://polaris.shopify.com/components/badge) to achieve the correct styling and color
40
40
- the badge should be right aligned or placed to the right of text
41
41
- the [page component](https://polaris.shopify.com/components/page) in Polaris already places badges to the right of headings, so following this logic adds to the consistency of [New] badge use in the admin.
42
+
43
+
## Pips
44
+
45
+
A pip can be used to highlight a status or new element in a list. For example, it could be placed next to a new notification in a list of notifications. It should not be used for representing new features.
0 commit comments