ux-sub-nav

This simple sub nav is great for moving between different states of a page. We use these frequently to show iterations of something, typically by date, but they're also handy for filters like these.

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


Use Cases Manifest Data driven use caseTemplate example
    {{#events.uxSubNav_82}}
  • {{this}}
  • {{/}}

	{
    "title": "Filter",
    "items": [
        {
            "active": true,
            "href": "#",
            "content": "All"
        },
        {
            "href": "#",
            "content": "Active"
        },
        {
            "href": "#",
            "content": "Pending"
        },
        {
            "href": "#",
            "content": "Suspended"
        }
    ]
}


	
	
	
	

Semantic Event Mapping
anchorClicked - Event fired when sub nav item clicked
onclick - Event to fire when component is clicked


Semantic Data Model
title - The name for the sub-nav
items - A list of ux-anchor items