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 
          attr(:separator, :string, default: "slash", values: ["slash", "chevron"])
attr(:class, :string, default: "", doc: "Parent div CSS class")
attr(:separator_class, :string, default: "", doc: "Separator div CSS class")
attr(:link_class, :string, default: "", doc: "Link class CSS")
attr(:links, :list, default: [], doc: "List of your links")
attr(:rest, :global)