ux-breadcrumbs

ux-breadcrumbs Documentation

Read Foundation's breadcrumb.html docs for more details.


Use Cases Manifest ListNav
    {{#events.uxBreadcrumbs_14}}
  • {{this}}
  • {{/}}

	{
    "items": [
        {
            "href": "#",
            "content": "Home"
        },
        {
            "href": "#",
            "content": "Features"
        },
        {
            "href": "#",
            "unavailable": true,
            "content": "Gene Splicing"
        },
        {
            "href": "#",
            "current": true,
            "content": "Cloning"
        }
    ]
}
    {{#events.uxBreadcrumbs_15}}
  • {{this}}
  • {{/}}

	{
    "isNav": true,
    "items": [
        {
            "href": "#",
            "content": "Home"
        },
        {
            "href": "#",
            "content": "Features"
        },
        {
            "href": "#",
            "unavailable": true,
            "content": "Gene Splicing"
        },
        {
            "href": "#",
            "current": true,
            "content": "Cloning"
        }
    ]
}
Semantic Event Mapping
onclick - Event fired when a breadcrumb is clicked


Semantic Data Model
isNav - true|false turn on nav style breadcrumbs
items - A list of ux-breadcrumbr- items, each having a href and content with optional bools available & current