vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

feat(VGooTransition): add new transition

Open johnleider opened this issue 9 months ago • 0 comments

Description

Markup:

<template>
  <v-container class="pa-md-12">
    <v-goo-transition leave-absolute>
      <v-icon :key="no" :icon="no ? '$vuetify' : '$vuetify-play'" />
    </v-goo-transition>

    <v-btn
      :loading="yes"
      icon="$subgroup"
      opacity=".6"
      border
      @click="no = !no"
      @keydown.enter="no = !no"
    >
      <v-icon />

      <v-menu activator="parent" transition="goo-transition">
        <v-list :items="['one', 'two', 'three']" />
      </v-menu>
    </v-btn>

    <v-btn text="CLick me" @click="yes = !yes" />
  </v-container>
</template>

<script setup>
  import { ref } from 'vue'

  const no = ref(false)
  const yes = ref(false)
</script>

johnleider avatar Mar 22 '25 05:03 johnleider