BreadCrumbs can be used for keeping a user aware of their route location.
<div> <%= pb_rails("bread_crumbs", props: { aria: { label: "Breadcrumb Navigation" } }) do%> <%= pb_rails("icon", props: { icon: "home"}) %> <%= pb_rails("bread_crumbs/bread_crumb_item", props: { link: "/" }) do %> <%= pb_rails("title", props: { size: 4, text: "Home", tag: "span" }) %> <%end%> <%= pb_rails("icon", props: { icon: 'users'}) %> <%= pb_rails("bread_crumbs/bread_crumb_item", props: { link: "/users" }) do %> <%= pb_rails("title", props: { size: 4, text: "Users", tag: "span" }) %> <%end%> <%= pb_rails("icon", props: { icon: "user"}) %> <%= pb_rails("bread_crumbs/bread_crumb_item") do %> <%= pb_rails("title", props: { size: 4, text: "User", tag: "span" }) %> <%end%> <%end%> </div>