vscode-docs/api/ux-guidelines/editor-actions.md

ContentId	DateApproved	MetaDescription
ce5c9fff-df86-454a-b4e8-4ae05c8158e2	10/29/2024	UX guidelines for editor actions in a Visual Studio Code extension.

Editor Actions

Editor actions can appear in the editor toolbar. You can either add an icon as a quick action or add menu item under the overflow menu (...).

✔️ Do

• Show only when contextually appropriate
• Use icons from the icon library
• Use the overflow menu for secondary actions

❌ Don't

• Add more than one icon
• Add custom colors
• Use emojis

This example from the GitHub Pull Requests and Issues extension opens a diff view and only shows on files with changes.

Links

• Custom Editor extension guide
• Custom Editor API reference
• Custom Editor extension sample
• Webview extension guide
• Webview extension sample