Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(VTooltip): implement the color prop #19689

Open
wants to merge 2 commits into
base: dev
Choose a base branch
from

Conversation

sytexa-julia
Copy link

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>

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

docs(VTooltip): uncomment section on color prop
test(VTooltip): add cypress test to verify the color prop
@sytexa-julia
Copy link
Author

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

@MajesticPotatoe MajesticPotatoe added T: feature A new feature C: VTooltip VTooltip labels Apr 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTooltip VTooltip T: feature A new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants