<template>
  <q-btn flat dense>
    <q-icon name="fas fa-ellipsis-v" size="14px"/>
    <q-menu anchor="bottom left" self="top left">
      <q-list style="min-width: 150px">
        <q-item clickable v-close-popup>
          <q-item-section>
            <q-item-label>
              <q-icon color="grey-2" name="fas fa-edit" class="q-mr-sm"/>Edit
            </q-item-label>
          </q-item-section>
        </q-item>
        <q-item clickable v-close-popup>
          <q-item-section>
            <q-item-label>
              <q-icon color="grey-2" name="fas fa-share" class="q-mr-sm"/>Share
            </q-item-label>
          </q-item-section>
        </q-item>
        <q-separator/>
        <q-item clickable v-close-popup>
          <q-item-section>
            <q-item-label>
              <q-icon color="grey-2" name="fas fa-trash" class="q-mr-sm"/>Delete
            </q-item-label>
          </q-item-section>
        </q-item>
      </q-list>
    </q-menu>
  </q-btn>
</template>

<script>
export default {
  // name: 'ComponentName',
  data() {
    return {};
  }
};
</script>

<style>
</style>