Vuetify: Add Button or Link to Expansion Panel Header

Question

Self-explanatory in title: how to add a button or a link inside the header of the vuetify expansion panel component?

When clicking the link or button, the expansion panel default behavior should not engage.

Answer 1

Using @click.native.stop Example

<v-btn fab white small color="white" class="button-payment"
   @click.native.stop="onDoSomeThing">Do something</v-btn>

Answer 2

By using @click.native.stop on button or link inside expansion panel header it will trigger your click and will prevent the default behavior of expansion panel.