Breadcrumbs

The trail of pages above this one: a labelled list of links with the current page last. On a phone only the last two stay.

A trail

crumbs.link takes link_to's arguments; crumbs.current is the page you're on.

<%= breadcrumbs do |crumbs| %>
  <% crumbs.link "Settings", "#" %>
  <% crumbs.link "Integrations", "#" %>
  <% crumbs.link "A very long integration name that gets cut short", "#" %>
  <% crumbs.current "GitHub" %>
<% end %>

In a page header

page_header's breadcrumbs part puts the trail where back: goes.

config/routes.rb

Where every path in the app is named.

Open

<%= page_header title: "config/routes.rb", mono: true, description: "Where every path in the app is named." do |header| %>
  <% header.breadcrumbs do |crumbs| %>
    <% crumbs.link "Kidbook", "#" %>
    <% crumbs.link "config", "#" %>
    <% crumbs.current "routes.rb" %>
  <% end %>
  <%= button "Open", href: "#", icon: :code %>
<% end %>

Breadcrumbs

A trail

In a page header

config/routes.rb

Couldn’t load

Are you sure?