Skip to content

Instantly share code, notes, and snippets.

@shishirraven

shishirraven/BraveDropMenuExampleWithBothSlots.vue

Created January 14, 2022 19:21
Show Gist options
  • Save shishirraven/2a158f176e346dc74e6f515c411a98c8 to your computer and use it in GitHub Desktop.
Save shishirraven/2a158f176e346dc74e6f515c411a98c8 to your computer and use it in GitHub Desktop.
Download ZIP
BraveDropMenuExampleWithBothSlots
Raw
BraveDropMenuExampleWithBothSlots.vue
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment