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(VCard): Add speech bubble prop #18079

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

Conversation

prashantsinghb
Copy link
Contributor

resolves #4843

Description

Created speechBubble composable (exports props, classes and styles)

Props Added

  • speech-bubble - enable/disable feature
  • pointer-height - Height of speech-bubble pointer
  • pointer-width - Width of speech-bubble pointer
  • pointer-position - Position of speech-bubble pointer
  • pointer-side - Location of speech-bubble pointer

Markup:

<template>
  <v-container>
    <v-card
      class="mx-auto"
      max-width="344"
      variant="outlined"
      speech-bubble
      pointer-height="20"
      pointer-width="20"
      pointer-position="50"
      pointer-side="bottom"
    >
      <v-card-item>
        <div>
          <div class="text-overline mb-1">
            OVERLINE
          </div>
          <div class="text-h6 mb-1">
            Headline
          </div>
          <div class="text-caption">Greyhound divisely hello coldly fonwderfully</div>
        </div>
      </v-card-item>

      <v-card-actions>
        <v-btn variant="outlined">
          Button
        </v-btn>
      </v-card-actions>
    </v-card>
  </v-container>
</template>

<script setup>

</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VCard VCard T: feature A new feature
2 participants