vuetify
vuetify copied to clipboard
feat(VTooltip): implement the color prop
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>
Sorry to create this as a new PR. Hopefully this is okay.