Skip to main content


Breadcrumbs has its own codeblocks, too.

Add them to a note using the following syntax:


Without anything else inside, this will cause an error to render with some information on how to fix it:

Basically, we need to tell the codeblock what to show, and what options to use.



There are two visualization types. The first is tree. This shows the same information as Create Local Index or the Down View, but in the current note.

The second visualization type is juggl, which will use the Juggl plugin to visualize the Breadcrumbs graph. You can use the same options here, in addition to Juggl-specific options listed here.


Use dir: <direction> to specify which of the 5 directions the tree should show.

  • up: Shows the parent of the current note.
  • down: Shows the children of the current note.
  • same: Shows the siblings of the current note.
  • next: Shows the next of the current note.
  • prev: Shows the prev of the current note.


Use title: false to not show the title.


Use fields: parent, upper to limit which fields get shown in the tree.

This feature has not been implemented yet, but this is the intended syntax.


Use depth: <number>-<number> to limit the depth of the tree.

Leave this line out to show the max depth.

Use depth: 2 or depth: 2- to show all notes with atleast a depth of 2 (minimum is 1).

Use depth: -2 to show all notes with a depth of at most 2.

Use depth: 2-4 to show all notes with a depth between 2 and 4 (inclusive).


Use flat: true to flatten the results:


Use any of the following Dataview Source fields to narrow down the results.

Each note in the Breadcrumbs results will be checked to see it meets the criteria of the from query, and will be excluded, if not.


content: open or content: closed will load all the content from each note in the results. open will open the dropdowns, and closed will not.