title: Child and parent ripple triggered
body: <p>I'm using vuetify to design a 'card' component.</p>
  
  <p>I have a parent div with a child button. Now, when I click the button, the ripple effect on the div is triggered. </p>
  
  <p>How can I fix this?</p>
  
  <pre><code>&lt;template&gt;
  
    &lt;div&gt;
  
      &lt;v-card v-ripple="true"&gt;
        &lt;h3&gt;
          &lt;v-card-title&gt;{{ title }}&lt;/v-card-title&gt;
        &lt;/h3&gt;
  
        &lt;v-layout row&gt;
          &lt;v-flex grow&gt;
            &lt;v-card-text&gt;
              {{ plaats }}
              &lt;br /&gt;
              {{ sub_title }}
            &lt;/v-card-text&gt;
          &lt;/v-flex&gt;
  
          &lt;v-flex shrink&gt;
            &lt;v-card-actions&gt;
  
              &lt;v-btn small color="blue" fab&gt;
                &lt;v-icon medium color="white"&gt;mdi-calendar&lt;/v-icon&gt;
              &lt;/v-btn&gt;
  
              &lt;v-btn small color="green" fab&gt;
                &lt;v-icon medium color="white"&gt;mdi-calendar-check&lt;/v-icon&gt;
              &lt;/v-btn&gt;
  
              &lt;v-btn small color="red" fab&gt;
                &lt;v-icon medium color="white"&gt;mdi-calendar-remove&lt;/v-icon&gt;
              &lt;/v-btn&gt;
  
            &lt;/v-card-actions&gt;
          &lt;/v-flex&gt;
  
        &lt;/v-layout&gt;
      &lt;/v-card&gt;
  
    &lt;/div&gt;
  
  &lt;/template&gt;
  </code></pre>