question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature request - Route independent breadcrumbs

See original GitHub issue

The current implementation of the breadcrumbs feature is not very useful since it is available only in the matched route.

For example, the following - trivial - layout does not make any sense since the <Breadcrumb> is outside the <Route> components. Is there something I am missing?

Can I get the computed breadcrumb - for example for the url /user/details right inside the <Breadcrumb /> Component?

<App>
  <SideBar />
  <Breadcrumb/>
  <Route path="*" breadcrumb="Home">
    <Route path="/dashboard" breadcrumb="Dashboard">
      Dashboard here...
    </Route>
    <Route path="/user/*" breadcrumb="user">
      <Route path="/" breadcrumb="details">
        User Details here...
      </Route>
      <Route path="/edit" breadcrumb="edit">
        Edit the user here...
      </Route>
    </Route>
  </Route>
</App>

It would be useful if the lib exports a breadcrumb array…

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
AlexxNBcommented, Jan 30, 2021

See an example how to use breadcrumbs in layouts: https://svelte.dev/repl/8de50a09b67540b3ba21e5914efb6d86?version=3.32.1

0reactions
AlexxNBcommented, Feb 8, 2021

It is important that users can do it. You and I may not know how, but somebody m

Read more comments on GitHub >

github_iconTop Results From Across the Web

Breadcrumb Navigation: Why Your Website Needs It - Serpstat
A web resource that has an inconvenient navigation or resetting filters while searching is the ideal client provider for competitor sites.
Read more >
Angular Breadcrumbs with Complex Routing and Navigation
An Angular sample application and discussions on breadcrumbs with advanced routing strategies, navigation scenarios, practical workflow, ...
Read more >
Feature request - change breadcrumb uri for child admin #4030
In the show and list action we have route option in the field add and I always has to change to show, but...
Read more >
Custom Breadcrumbs | Drupal.org
These are implemented using optional, independent submodules that depend on the main Custom Breadcrumbs module. In addition to breadcrumb ...
Read more >
LookTel Breadcrumbs Documentation
You can set multiple breadcrumbs along a route, and as in the folk tale, find your way along the route successfully, by monitoring...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found