Mercedes Pattern Library

Underline Nav 

<div class="m-underline-nav ">

    <a href="#" class="m-underline-nav__child  m-underline-nav__child--active">
			Vetture
		</a>

    <a href="#" class="m-underline-nav__child  ">
			Van
		</a>

    <a href="#" class="m-underline-nav__child  ">
			Truck
		</a>

    <a href="#" class="m-underline-nav__child  ">
			Smart
		</a>

    <a href="#" class="m-underline-nav__child  ">
			Altro
		</a>

</div>
 
<div class="m-underline-nav {% if full %} m-underline-nav--full {% endif %}">
	{% for item in links %}
		<a href="#" class="m-underline-nav__child  {% if item.state == "active" %}m-underline-nav__child--active{% endif %}">
			{{ item.label }}
		</a>
	{% endfor %}
</div>
 
{
  "links": [
    {
      "state": "active",
      "label": "Vetture"
    },
    {
      "label": "Van"
    },
    {
      "label": "Truck"
    },
    {
      "label": "Smart"
    },
    {
      "label": "Altro"
    }
  ]
}

There are no notes for this item.