fonteva-design-guide
Version:
## Dev, Build and Test
31 lines (30 loc) • 1.14 kB
HTML
<template>
<div class="pfm-dropdown" aria-live={dropdownState} aria-expanded="false">
<c-pfm-button
label={label}
type={type}
icon={icon}
icon-position={iconPosition}
icon-size={iconSize}
aria-label={alternativeText}
tabindex="0"
></c-pfm-button>
<div class={dropdownMenuClasses} aria-label={alternativeTextMenu}>
<ul role="list" aria-label={label}>
<template iterator:it={menuList}>
<li class="pfm-dropdown_item" role="presentation" key={it.value.name}>
<a
title={it.value.name}
href={it.value.url}
target={it.value.target}
onclick={selectValue}
aria-labelledby={it.value.name}
>
{it.value.name}
</a>
</li>
</template>
</ul>
</div>
</div>
</template>