Skip to content

Commit 1c5304c

Browse files
authored
Update Quick Pick API guide (#8074)
* Change mockups to screenshots * Update headings
1 parent d0d62b4 commit 1c5304c

File tree

6 files changed

+16
-16
lines changed

6 files changed

+16
-16
lines changed
Lines changed: 2 additions & 2 deletions
Loading
Lines changed: 2 additions & 2 deletions
Loading
Lines changed: 2 additions & 2 deletions
Loading
Lines changed: 2 additions & 2 deletions
Loading
Lines changed: 2 additions & 2 deletions
Loading

api/ux-guidelines/quick-picks.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,29 +32,29 @@ MetaDescription: UX guidelines for quick picks used in a Visual Studio Code exte
3232
* Use a title when the placeholder can describe the purpose on its own
3333
* Use inputs without a placeholder
3434

35-
## Multiple Steps
35+
## Multiple steps
3636

3737
Quick Picks can be configured to feature multiple steps. Use these when you need to capture related-but-separate selections in a single flow. Avoid using quick picks for long flows with many steps—they aren't well suited to function as a wizard or similarly complex experience.
3838

3939
![Multi-step Quick Pick example](images/examples/quick-pick-multi-step.png)
4040

41-
*Notes the "1/3" text in the Quick Pick title that indicates the current and total number of steps in the flow.*
41+
*Note the "1/3" text in the Quick Pick title that indicates the current and total number of steps in the flow.*
4242

43-
## Multiple Selections
43+
## Multiple selections
4444

4545
Use a multi-select quick pick for closely-related selections that need to be selected in one step.
4646

4747
![Multi-step Quick Pick example](images/examples/quick-pick-multi-select.png)
4848

4949
## Title
5050

51-
Quick Picks can be also be configured to show a title bar above the main input and selection UI. Use a title when the user needs more context for the selection being made. Avoid using a title that uses a label already used in the Quick Pick's input placeholder.
51+
Quick Picks can also be configured to show a title bar above the main input and selection UI. Use a title when the user needs more context for the selection being made. Avoid using a title that uses a label already used in the Quick Pick's input placeholder.
5252

5353
![Multi-step Quick Pick example](images/examples/quick-pick-title.png)
5454

55-
## Using Separators
55+
## Using separators
5656

57-
Quick Pick Items can be grouped into clear sections using Quick Pick Separators. These feature a divider and label to clearly show the section. Use separators if the extension features a quick pick containing multiple obvious groups of selections.
57+
Quick Pick items can be grouped into clear sections using Quick Pick separators. These feature a divider and label to clearly show the section. Use separators if the extension features a quick pick containing multiple obvious groups of selections.
5858

5959
![Quick Pick with separators](images/examples/quick-pick-separators.png)
6060

0 commit comments

Comments
 (0)