CODEWITHSUNDEEP
vue.jsvuetify.js
mtyson
mtyson

Reputation: 8560

Vuetify: Add Button or Link to Expansion Panel Header

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.

Upvotes: 10

Views: 7353

Answers (2)

Viroth
Viroth

Reputation: 712

Using @click.native.stop Example

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

Upvotes: 11

ZaidRehman
ZaidRehman

Reputation: 1751

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.

Upvotes: 6

Related Questions