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: src/components/AccountConnection/README.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -173,6 +173,6 @@ class AccountConnectionExample extends React.Component {
173
173
174
174
<!-- content-for: web -->
175
175
176
-
See accessibility guidance for the [setting toggle component](/components/actions/setting-toggle) to turn connections on and off.
176
+
See accessibility guidance for the [setting toggle component](https://polaris.shopify.com/components/actions/setting-toggle) to turn connections on and off.
Copy file name to clipboardExpand all lines: src/components/ActionList/README.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ keywords:
15
15
16
16
# Action list
17
17
18
-
Action lists render a list of actions or selectable options. This component is usually placed inside a [popover container](/components/overlays/popover) to create a dropdown menu or to let merchants select from a list of options.
18
+
Action lists render a list of actions or selectable options. This component is usually placed inside a [popover container](https://polaris.shopify.com/components/overlays/popover) to create a dropdown menu or to let merchants select from a list of options.
19
19
20
20
---
21
21
@@ -324,8 +324,8 @@ class ActionListExample extends React.Component {
324
324
325
325
## Related components
326
326
327
-
- To combine more than one button in a single layout, [use the button group component](/components/actions/button-group)
328
-
- To display a list of related content, [use the list component](/components/lists-and-tables/list)
327
+
- To combine more than one button in a single layout, [use the button group component](https://polaris.shopify.com/components/actions/button-group)
328
+
- To display a list of related content, [use the list component](https://polaris.shopify.com/components/lists-and-tables/list)
329
329
330
330
---
331
331
@@ -351,7 +351,7 @@ See Apple’s Human Interface Guidelines and API documentation about accessibili
351
351
352
352
<!-- content-for: web -->
353
353
354
-
Items in an action list are organized as list items (`<li>`) in an unordered list (`<ul>`) and are conveyed as a group of related elements to assistive technology users. Each item is implemented as a [button](/components/actions/button).
354
+
Items in an action list are organized as list items (`<li>`) in an unordered list (`<ul>`) and are conveyed as a group of related elements to assistive technology users. Each item is implemented as a [button](https://polaris.shopify.com/components/actions/button).
Copy file name to clipboardExpand all lines: src/components/AppProvider/README.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -92,7 +92,7 @@ AppProvider works by default without any additional options passed to it.
92
92
93
93
### With i18n
94
94
95
-
With an `i18n`, `AppProvider` will provide these translations to polaris components. See [using translations](/components/structure/app-provider#using-translations)
95
+
With an `i18n`, `AppProvider` will provide these translations to polaris components. See [using translations](https://polaris.shopify.com/components/structure/app-provider#using-translations)
96
96
97
97
```jsx
98
98
<AppProvider
@@ -198,7 +198,7 @@ class ProviderLinkExample extends React.Component {
198
198
199
199
### With theme
200
200
201
-
With a `theme`, the app provider component will set light, dark, and text colors for the [top bar](/components/structure/top-bar) component when given a `background` color, as well as a logo for the top bar and [contextual save bar](/components/forms/contextual-save-bar) components.
201
+
With a `theme`, the app provider component will set light, dark, and text colors for the [top bar](https://polaris.shopify.com/components/structure/top-bar) component when given a `background` color, as well as a logo for the top bar and [contextual save bar](https://polaris.shopify.com/components/forms/contextual-save-bar) components.
202
202
203
203
```jsx
204
204
classProviderThemeExampleextendsReact.Component {
@@ -314,7 +314,7 @@ class ProviderThemeExample extends React.Component {
314
314
315
315
### With theme using all theme keys
316
316
317
-
Provide specific keys and corresponding colors to the [top bar](/components/structure/top-bar) component theme for finer control. When giving more than just the `background`, providing all keys is necessary to prevent falling back to default colors.
317
+
Provide specific keys and corresponding colors to the [top bar](https://polaris.shopify.com/components/structure/top-bar) component theme for finer control. When giving more than just the `background`, providing all keys is necessary to prevent falling back to default colors.
Copy file name to clipboardExpand all lines: src/components/Autocomplete/README.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -26,7 +26,7 @@ The autocomplete component should:
26
26
27
27
## Content guidelines
28
28
29
-
The input field for autocomplete should follow the [content guidelines](/components/forms/text-field) for text fields.
29
+
The input field for autocomplete should follow the [content guidelines](https://polaris.shopify.com/components/forms/text-field) for text fields.
30
30
31
31
---
32
32
@@ -520,8 +520,8 @@ class AutocompleteExample extends React.Component {
520
520
521
521
## Related components
522
522
523
-
- For an input field without suggested options, [use the text field component](/components/forms/text-field)
524
-
- For a list of selectable options not linked to an input field, [use the option list component](/components/lists-and-tables/option-list)
523
+
- For an input field without suggested options, [use the text field component](https://polaris.shopify.com/components/forms/text-field)
524
+
- For a list of selectable options not linked to an input field, [use the option list component](https://polaris.shopify.com/components/lists-and-tables/option-list)
Copy file name to clipboardExpand all lines: src/components/Avatar/README.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -44,7 +44,7 @@ Avatars should be one of 3 sizes:
44
44
45
45
## Content guidelines
46
46
47
-
Any time you use an image to communicate a concept on Shopify, it’s important to use descriptive [alt text](/content/alternative-text). Doing this is important for [accessibility](/patterns-and-guides/accessibility) because it allows screen readers to describe what’s in the image to people who may not be able to see it.
47
+
Any time you use an image to communicate a concept on Shopify, it’s important to use descriptive [alt text](https://polaris.shopify.com/content/alternative-text). Doing this is important for [accessibility](https://polaris.shopify.com/patterns-and-guides/accessibility) because it allows screen readers to describe what’s in the image to people who may not be able to see it.
48
48
49
49
For avatars, we recommend using a format that describes what will show in the
50
50
image:
@@ -67,21 +67,21 @@ Use to present an avatar for a merchant, customer, or business.
- To show a thumbnail for an object rather than a person or business, [use the thumbnail component](/components/images-and-icons/thumbnail)
84
+
- To show a thumbnail for an object rather than a person or business, [use the thumbnail component](https://polaris.shopify.com/components/images-and-icons/thumbnail)
Copy file name to clipboardExpand all lines: src/components/Badge/README.md
+20-20Lines changed: 20 additions & 20 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -88,13 +88,13 @@ Use to give a non-critical status update on a piece of information or action.
88
88
89
89
<!-- content-for: android -->
90
90
91
-
91
+
92
92
93
93
<!-- /content-for -->
94
94
95
95
<!-- content-for: ios -->
96
96
97
-
97
+
98
98
99
99
<!-- /content-for -->
100
100
@@ -108,13 +108,13 @@ Use to call out an object or action as having an important attribute. For exampl
108
108
109
109
<!-- content-for: android -->
110
110
111
-
111
+
112
112
113
113
<!-- /content-for -->
114
114
115
115
<!-- content-for: ios -->
116
116
117
-
117
+
118
118
119
119
<!-- /content-for -->
120
120
@@ -128,13 +128,13 @@ Use to indicate a successful, completed, or desirable state when it’s importan
128
128
129
129
<!-- content-for: android -->
130
130
131
-
131
+
132
132
133
133
<!-- /content-for -->
134
134
135
135
<!-- content-for: ios -->
136
136
137
-
137
+
138
138
139
139
<!-- /content-for -->
140
140
@@ -148,13 +148,13 @@ Use when something requires merchants’ attention but the issue isn’t critica
148
148
149
149
<!-- content-for: android -->
150
150
151
-
151
+
152
152
153
153
<!-- /content-for -->
154
154
155
155
<!-- content-for: ios -->
156
156
157
-
157
+
158
158
159
159
<!-- /content-for -->
160
160
@@ -170,13 +170,13 @@ Keep in mind that seeing this badge can feel stressful for merchants so it shoul
170
170
171
171
<!-- content-for: android -->
172
172
173
-
173
+
174
174
175
175
<!-- /content-for -->
176
176
177
177
<!-- content-for: ios -->
178
178
179
-
179
+
180
180
181
181
<!-- /content-for -->
182
182
@@ -190,13 +190,13 @@ Keep in mind that seeing this badge can feel stressful for merchants so it shoul
190
190
191
191
<!-- content-for: android -->
192
192
193
-
193
+
194
194
195
195
<!-- /content-for -->
196
196
197
197
<!-- content-for: ios -->
198
198
199
-
199
+
200
200
201
201
<!-- /content-for -->
202
202
@@ -210,13 +210,13 @@ Use to indicate when a given task has not yet been completed. For example, when
210
210
211
211
<!-- content-for: android -->
212
212
213
-
213
+
214
214
215
215
<!-- /content-for -->
216
216
217
217
<!-- content-for: ios -->
218
218
219
-
219
+
220
220
221
221
<!-- /content-for -->
222
222
@@ -230,13 +230,13 @@ Use to indicate when a given task has been partially completed. For example, whe
230
230
231
231
<!-- content-for: android -->
232
232
233
-
233
+
234
234
235
235
<!-- /content-for -->
236
236
237
237
<!-- content-for: ios -->
238
238
239
-
239
+
240
240
241
241
<!-- /content-for -->
242
242
@@ -250,21 +250,21 @@ Use to indicate when a given task has been completed. For example, when merchant
250
250
251
251
<!-- content-for: android -->
252
252
253
-
253
+
254
254
255
255
<!-- /content-for -->
256
256
257
257
<!-- content-for: ios -->
258
258
259
-
259
+
260
260
261
261
<!-- /content-for -->
262
262
263
263
---
264
264
265
265
## Related components
266
266
267
-
- To represent an interactive list of categories provided by merchants, [use tags](/components/forms/tag)
267
+
- To represent an interactive list of categories provided by merchants, [use tags](https://polaris.shopify.com/components/forms/tag)
268
268
269
269
---
270
270
@@ -290,6 +290,6 @@ See Apple’s Human Interface Guidelines and API documentation about accessibili
290
290
291
291
<!-- content-for: web -->
292
292
293
-
Badges that convey information with icons or color include text provided by the [visually hidden component](/components/titles-and-text/visually-hidden#navigation). This text is read out by assistive technologies like screen readers so that merchants with vision issues can access the meaning of the badge in context.
293
+
Badges that convey information with icons or color include text provided by the [visually hidden component](https://polaris.shopify.com/components/titles-and-text/visually-hidden#navigation). This text is read out by assistive technologies like screen readers so that merchants with vision issues can access the meaning of the badge in context.
0 commit comments