WebStorm 2024.3 Help

Breadcrumbs

Use this page to configure editor breadcrumbs for the supported languages.

Breadcrumbs display the path from the code element where your caret is placed to the root element of the file. They help you track your location within a file's hierarchy.

Each part of the breadcrumb is clickable, allowing easy navigation to parent code elements. You can also use tooltips for additional information, which appear when you hover over a breadcrumb section.

WebStorm Breadcrumbs

Item

Description

Show breadcrumbs

Enable the bar with breadcrumbs.

Placement

Choose whether you want to have breadcrumbs at the top or at the bottom of the editor. The default option is Bottom.

Languages

Select the checkboxes next to the language contexts where you want to have breadcrumbs.

Manage colors

Open the Color Scheme page and configure colors for breadcrumbs.

Last modified: 26 September 2024