Components Breadcrumbs

Breadcrumbs

Breadrumbs allow a user to easily navigate their way back to each page they have navigated from to get to the current page.
Slash
Link 1
/
Link 2
/
Link 3 
          <.breadcrumbs links={[
  %{ label: "Link 1", to: "#" },
  %{ label: "Link 2", to: "#" },
  %{ label: "Link 3", to: "#" }
]}/>
Chevron
Link 1
Link 2
Link 3 
          <.breadcrumbs separator="chevron" links={[
  %{ label: "Link 1", to: "#" },
  %{ label: "Link 2", to: "#", link_type: "live_patch" },
  %{ label: "Link 3", to: "#", link_type: "live_redirect" }
]}/>
Properties

Defaults are indicated in bold.

Name Type Options
links :list -
separator :string slash, `chevron`
link_class :string -
class :string -