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.
{
"title": "Filter",
"items": [
{
"active": true,
"href": "#",
"content": "All"
},
{
"href": "#",
"content": "Active"
},
{
"href": "#",
"content": "Pending"
},
{
"href": "#",
"content": "Suspended"
}
]
}
All
Active
Pending
Suspended