Breadcrumbs

View code
New in v3.6.0! The Blaze CSS 2 breadcrumbs so you can create navigation and routes

Use





  • You can use them with or without HREF URLs
  • Optionally you can have a badge with all it's features
  • Events sends a link-clicked event with details of the link clicked.

HTML


	<rg-breadcrumbs></rg-breadcrumbs>
	

JavaScript


    var tags = riot.mount ("rg-breadcrumbs", {
        breadcrumbs: {
            links: [
                 {
                 text: "Home Star",
                 url: "http://riotgear2.github.io"
                 },
                 {
                 text: "Mercury"
                 },
                 {
                 text: "Venus",
                 badge: {
                   text: "42",
                   style: "warning",
                   ghost: true
                 }
                 },
                 {
                 text: "Third Rock",
                 istext: true
                 }
            ]
        }
    }) ;

    tags[0].on("link-clicked", function(e){
      console.log("link-clicked: ", e)
    }) ;