Vercel Toolbar

The Vercel Toolbar is a tool that assists in the iteration and development process. Through the toolbar, you can:

• Leave feedback on deployments with Comments
• Navigate through dashboard pages, and share deployments
• Read and set Feature Flags
• Use Draft Mode for previewing unpublished content
• Edit content in real-time using Edit Mode
• Inspect for Layout Shifts and Interaction Timing
• Check for accessibility issues with the Accessibility Audit Tool

By default, when the toolbar first shows up on your deployments it is sleeping. This means it will not run any tools in the background or show comments on pages. You can activate it by clicking it or using ctrl. It will start activated if a tool is needed to show you the link you’re visiting, like a link to a comment thread or a link with flags overrides.

Users who have installed the browser extension can toggle on Always Activate in Preferences from the Toolbar menu.

The Vercel Toolbar is enabled by default for all preview deployments. You can disable the toolbar at the team, project, or session level.

You can also manage its visibility for automation with HTTP headers and through environment variables. To learn more, see Managing the toolbar.

To enable the toolbar for your local or production environments, see Adding the toolbar to your environment.

You can access the Toolbar Menu by pressing ctrl on your keyboard.

Alternatively, you can also access the Toolbar Menu through the Vercel Toolbar by clicking the menu icon. If you haven't activated the toolbar yet, log in first to display the menu.

You can set your own keyboard shortcuts to quickly access specific tools. Additionally, you can change the default keyboard shortcuts for the Toolbar Menu ctrl and for showing/hiding the toolbar  . by following these steps:

1. Select Preferences in the Toolbar Menu
2. Select Configure next to Keyboard Shortcuts
3. Select Record shortcut… (or click the X if you have an existing keyboard shortcut set) next to the tool you’d like to set it for
4. Press the keys you’d like to use as the shortcut for that tool
5. To change the keyboard shortcuts for opening the Toolbar Menu and for showing and hiding the toolbar, you must have the Browser Extension installed.

You can use the Share button in deployments with the Vercel Toolbar enabled, as well as in all preview deployments, to share your deployment's generated URL. When you use the Share button from the toolbar, the URL will contain any relevant query parameters.

To share a deployment:

1. Go to the deployment you want to share and ensure you're logged into the Vercel Toolbar.
2. Find the Share button in the Toolbar Menu and select it.
3. From the Share dialog, ensure you're allowing the right permissions and click Copy Link to copy the deployment URL to your clipboard. To learn more, see Sharing Deployments.

If you're on an Enterprise team, you will be able to see who shared deployment URLs in your audit logs.

You can reposition the toolbar by dragging it to either side of your screen. It will snap into place and appear there across deployments until you move it again. Repositioning only affects where you see the toolbar, it does not change the toolbar position for your collaborators.

When logged into the Vercel Toolbar, you'll find a Preferences button in the Toolbar Menu. In this menu, you can update the following settings:

• Preview deployments
• Comments
• Draft Mode
• Edit Mode