<div class="dropdown ">
<button class="button button--medium" aria-haspopup="true" aria-controls="dropdown-menu">
Menüü
<i class="fas fa-chevron-down button__icon--right" aria-hidden="true" ></i>
</button>
<div class="dropdown__menu" id="dropdown-menu" role="menu">
<a href="https://www.tallinn.ee" class="dropdown__item ">
Menüü pelakiiri
</a>
<a href="#" class="dropdown__item ">
Teine menüü pealkiiri
</a>
<a href="#" class="dropdown__item ">
Menüü pelakiiri
</a>
</div>
</div>
{
"id": "dropdown-menu",
"text": "Menüü",
"menu": [
{
"text": "Menüü pelakiiri",
"link": "https://www.tallinn.ee"
},
{
"text": "Teine menüü pealkiiri"
},
{
"text": "Menüü pelakiiri"
}
]
}
<div class="dropdown is-active">
<button class="button button--medium" aria-haspopup="true" aria-controls="dropdown-menu">
Menüü
<i class="fas fa-chevron-down button__icon--right" aria-hidden="true" ></i>
</button>
<div class="dropdown__menu" id="dropdown-menu" role="menu">
<a href="https://www.tallinn.ee" class="dropdown__item ">
Menüü pelakiiri
</a>
<a href="#" class="dropdown__item ">
Teine menüü pealkiiri
</a>
<a href="#" class="dropdown__item ">
Menüü pelakiiri
</a>
</div>
</div>
{
"id": "dropdown-menu",
"text": "Menüü",
"menu": [
{
"text": "Menüü pelakiiri",
"link": "https://www.tallinn.ee"
},
{
"text": "Teine menüü pealkiiri"
},
{
"text": "Menüü pelakiiri"
}
],
"dropdown-modifiers": "is-active"
}