title: How can I create a triangle pointer in Vuetify v-menu component?
body: <p>Is there a way to add triangle pointer to <code>v-menu</code> component in Vuetify 2.x?</p>
  
  <p>I mean on this common detail on the web pages (eg. this screenshot is from github):</p>
  
  <p><a href="https://i.stack.imgur.com/DMOjF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DMOjF.png" alt="enter image description here"></a></p>
  
  <p>I have sample code <a href="https://codepen.io/milost1982/pen/qBEjxrw" rel="nofollow noreferrer">here</a> with the menu that shows as dropdown when button is clicked. I manage to add margin to the menu of <code>40px</code> via CSS so it's pushed down. This will provide some space for the triangle, but how can I add this triangle pointer like its' on github?</p>