.. _Design Breadcrumb:

Design Breadcrumb
=================

.. rst-class:: lead

The Design Breadcrumb Navigation Bar appears horizontally on top of source code editors and :ref:`Design Diagrams`.
 
For source code editors, it displays the path to the design element (module or entity) under the cursor starting from the design top.

For :ref:`Design Diagrams`, it displays the path to the diagram's design element. 

The design hierarchy path is automatically tracked by DVT, for example when navigating from the **Design Hierarchy View** to source code, when using hyperlinks, when generating diagrams and so on.

.. figure:: ../../images/common/dh_breadcrumb_overview.png


.. list-table::
   :widths: auto

   * - .. figure:: ../../images/common/dh_breadcrumb_instance_button.png
     - | Editor: Click an instance to jump to the design element definition. 
       |
       | Diagram: Click an instance to generate the design element diagram.
   * - .. figure:: ../../images/common/dh_breadcrumb_dropdown_arrow.png
     - | Click the arrow to the side of a design element to see its child instances. 
       |
       | Filter the list of child instances using the quick search box. 
       |
       | Editor: Click a child instance to jump to the design element definition. 
       | 
       | Diagram: Click a child instance to generate the design element diagram.
   * - .. figure:: ../../images/common/dh_breadcrumb_hover.png
     - Hover an instance to get more information, for example its design element name or power domain information.
   * - .. figure:: ../../images/common/dh_breadcrumb_select_instance_path.png
     - | A design element may have multiple instances with different paths in the design hierarchy. 
       | 
       | Click the Select Instance Path button to choose from the available paths.
   * - .. figure:: ../../images/common/dh_breadcrumb_right_click_open_instance.png
     - Right click on an instance > Open Instance to jump to its definition.
   * - .. figure:: ../../images/common/dh_breadcrumb_right_click_show_diagram.png
     - Right click on an instance > Show Diagram to generate its design diagram.
   * - .. figure:: ../../images/common/dh_breadcrumb_right_click_reveal_dh_1.png
     - Right click on an instance > Reveal in Design Hierarchy to focus it in the Design Hierarchy View.
   * - .. figure:: ../../images/common/dh_breadcrumb_right_click_copy_h_path.png
     - Right click on an instance > Copy Hierarchy Path to copy its hierarchical path.

