vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

feat(VTooltip): implement the color prop

Open sytexa-julia opened this issue 10 months ago • 1 comments

feat(VTooltip): implement the color prop

Using useColor directly instead of useVariant, as several variants would not be good user experience. Fixes #19567

docs(VTooltip): uncomment section on color prop test(VTooltip): add cypress test to verify the color prop

Description

Fixes #19567

Markup:

<template>
  <v-app>
    <v-container>
      <template v-for="color in colors" :key="color">
        <div class="mb-2">
          <v-btn>
            {{ color.length ? color : 'Default' }}
            <v-tooltip
              v-model="show"
              :color="color"
              :text="`A ${color} tooltip!`"
              activator="parent"
              model-value
              @update:model-value=""
            />
          </v-btn>
        </div>
      </template>
    </v-container>
  </v-app>
</template>

<script>
import { ref } from 'vue'
export default {
  name: 'Playground',
  setup() {
    const colors = ref(['', 'primary', 'secondary', 'grey', 'red', 'grey-lighten-3', '#57A98B', '#CD1FB7'])
    return {
      colors,
    }
  },
}
</script>

sytexa-julia avatar Apr 24 '24 20:04 sytexa-julia

Sorry to create this as a new PR. Hopefully this is okay.

sytexa-julia avatar Apr 24 '24 20:04 sytexa-julia