DAHLIA Pattern Library

Sub Nav Application 

<dl class="application-form_nav sub-nav">
    <dd class="active"><a href="#">You</a></dd>
    <dd><a class="disabled" href="#">Household</a></dd>
    <dd><a class="disabled" href="#">Status</a></dd>
    <dd><a class="disabled" href="#">Income</a></dd>
    <dd><a class="disabled" href="#">Review</a></dd>
</dl>
 
<dl class="application-form_nav sub-nav">
  <dd class="active"><a href="#">You</a></dd>
  <dd><a class="disabled" href="#">Household</a></dd>
  <dd><a class="disabled" href="#">Status</a></dd>
  <dd><a class="disabled" href="#">Income</a></dd>
  <dd><a class="disabled" href="#">Review</a></dd>
</dl>
 
{
  "menus": {
    "account": [
      {
        "name": "My Dashboard",
        "icon": "profile"
      },
      {
        "name": "My Applications",
        "icon": "application"
      },
      {
        "name": "My Favorites",
        "icon": "favorite"
      },
      {
        "name": "Eligibility Settings",
        "icon": "eligibility"
      },
      {
        "name": "Account Settings",
        "icon": "settings"
      },
      {
        "name": "Sign Out"
      }
    ],
    "mobile": [
      {
        "name": "Browse Properties",
        "icon": "browse"
      },
      {
        "name": "Get Assistance",
        "icon": "assistance"
      },
      {
        "name": "My Favorites",
        "icon": "favorite"
      },
      {
        "name": "Eligibility Settings",
        "icon": "eligibility"
      },
      {
        "name": "Account Settings",
        "icon": "settings"
      },
      {
        "name": "Sign Out"
      }
    ],
    "lang": [
      {
        "name": "English",
        "active": true,
        "url": "application-expect.html",
        "selected": true,
        "index": null,
        "id": "panel1"
      },
      {
        "name": "Español",
        "url": "application-expect--es.html",
        "selected": null,
        "index": -1,
        "id": "panel2"
      },
      {
        "name": "中文",
        "chinese": true,
        "url": "application-expect--zh.html",
        "selected": null,
        "index": -1,
        "id": "panel3"
      },
      {
        "name": "Filipino",
        "url": "#",
        "selected": null,
        "index": -1,
        "id": "panel4"
      }
    ]
  }
}
  • Handle: @sub-nav-application
  • Preview:
  • Filesystem Path: components/02-molecules/navigation/sub-nav-application.html

There are no notes for this item.