Breadcrumb Demo | <uif-breadcrumb>

In order for this demo to work you must first build the library in debug mode.

To render breadcrumb, use the following markup:

      <uif-breadcrumb uif-breadcrumb-links="links"></uif-breadcrumb>

Breadcrumb elements are passed as an expression to uif-breadcrumb-links attribute. Expression should evaluate as an array of objects with following properties:

href
linkText

Sample array of such elements can be found below:

      $scope.links = [
        {href: 'http://github1.com', linkText: 'GitHub1'},
        {href: 'http://github2.com', linkText: 'GitHub2'},
        {href: 'http://github3.com', linkText: 'GitHub3'},
        {href: 'http://github4.com', linkText: 'GitHub4'},
        {href: 'http://github5.com', linkText: 'GitHub5'},
        {href: 'http://github6.com', linkText: 'GitHub6'}
      ];