25 lines
508 B
Vue
25 lines
508 B
Vue
<template>
|
|
<div class="dropDown">
|
|
<div class="buttonTitle">
|
|
{{ title }}
|
|
<font-awesome-icon
|
|
class="angleDownIcon"
|
|
icon="angle-down"
|
|
/>
|
|
</div>
|
|
<ul>
|
|
<li
|
|
v-for="(label, index) in labelNames"
|
|
:key="index"
|
|
class="buttonOption"
|
|
@click="$emit('click', labelValues[index])"
|
|
>
|
|
{{ label }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./ft-list-dropdown.js" />
|
|
<style scoped src="./ft-list-dropdown.css" />
|