Brave Drop Menu

bravedropmenu.vue

<template>
  <div>
    <BraveDropMenu class="me-3">
      <template #button>
        <div role="button" class="btn btn-primary text-white px-3 "> <i class="bi bi-plus-lg"></i> Button <i class="bi bi-chevron-down"></i></div>
      </template>
      <template #menu>
        <div class="list-group bg-white shadow" style="min-width:200px;" >
          <div role="button" class="list-group-item list-group-item-action"><i class="bi me-1 bi-person-plus"></i> A second link item</div>
          <div role="button" class="list-group-item list-group-item-action"><i class="bi me-1 bi-envelope-plus"></i> A second link item</div>
        </div>
      </template> 
    </BraveDropMenu>
  </div>
</template>
<script>
// @ is an alias to /src
import {BraveDropMenu} from "bravevue"
export default {
  name: 'Home',
  components: {
    BraveDropMenu
  }
}
</script>