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(VTimeline): side prop for individual items #20855

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

J-Sek
Copy link
Contributor

@J-Sek J-Sek commented Jan 10, 2025

Description

Restores control over side for individual VTimeline items

resolves #19363

image

Markup:

<template>
  <v-app theme="dark">
    <v-container>
      <v-timeline>
        <v-timeline-item
          v-for="(item, i) in items"
          :key="i"
          :side="item.side"
          size="x-small"
        >
          <v-card :color="item.color" :title="`Item ${i + 1} | ${item.side}`" />
        </v-timeline-item>
      </v-timeline>
    </v-container>
  </v-app>
</template>

<script setup>
  const items = [
    { side: 'start', color: 'green-lighten-1' },
    { side: 'start', color: 'indigo-lighten-2' },
    { side: 'end', color: 'red-lighten-2' },
    { side: 'end', color: 'purple-lighten-2' },
  ]
</script>

@J-Sek J-Sek added T: feature A new feature C: VTimeline VTimeline labels Jan 10, 2025
@J-Sek J-Sek self-assigned this Jan 10, 2025
@J-Sek J-Sek requested a review from johnleider January 10, 2025 20:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTimeline VTimeline T: feature A new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request] V-Timeline-Item property for left and right equals to v2
1 participant