<legno-dropdown-wrapper>
<legno-dropdown title="Fruit" anchor-id="fruit">
<legno-sub-dropdown title="Banana">
Cavendish
</legno-sub-dropdown>
<legno-sub-dropdown title="Apple">
Pink Lady
</legno-sub-dropdown>
</legno-dropdown>
<legno-dropdown title="Vegetables" anchor-id="vegetables">
<legno-sub-dropdown title="Potato">
Yukon gold potato
</legno-sub-dropdown>
<legno-sub-dropdown title="Carrot">
Purple carrots
</legno-sub-dropdown>
</legno-dropdown>
</legno-dropdown-wrapper>
<div class="legno-dropdown-wrapper">
<div class="legno-dropdown">
<a id="Fruit" aria-hidden="true"></a>
<button type="button" class="legno-dropdown__item">
<span class="legno-dropdown__title">Fruit</span>
</button>
<div class="legno-dropdown__content">
<div class="legno-sub-dropdown">
<a id="Banana" aria-hidden="true"></a>
<button type="button" class="legno-sub-dropdown__item">
<span class="legno-sub-dropdown__title">Banana</span>
</button>
<div class="legno-sub-dropdown__content">
Cavendish
</div>
</div>
<div class="legno-sub-dropdown">
<a id="Apple" aria-hidden="true"></a>
<button type="button" class="legno-sub-dropdown__item">
<span class="legno-sub-dropdown__title">Apple</span>
</button>
<div class="legno-sub-dropdown__content">
Pink Lady
</div>
</div>
</div>
</div>
<div class="legno-dropdown">
<a id="Vegetables" aria-hidden="true"></a>
<button type="button" class="legno-dropdown__item">
<span class="legno-dropdown__title">Vegetables</span>
</button>
<div class="legno-dropdown__content">
<div class="legno-sub-dropdown">
<a id="Potato" aria-hidden="true"></a>
<button type="button" class="legno-sub-dropdown__item">
<span class="legno-sub-dropdown__title">Potato</span>
</button>
<div class="legno-sub-dropdown__content">
Yukon gold potato
</div>
</div>
<div class="legno-sub-dropdown">
<a id="Carrot" aria-hidden="true"></a>
<button type="button" class="legno-sub-dropdown__item">
<span class="legno-sub-dropdown__title">Carrot</span>
</button>
<div class="legno-sub-dropdown__content">
Purple carrots
</div>
</div>
</div>
</div>
</div>