Skip to content

Enhancement: make timeline opposite-side labels optional #3836

Description

@PierreBrisorgueil

Problem

In HomeStepsComponent, the #opposite template slot renders item.title on the opposite side of the timeline. When steps use title: 'Step 1' alongside the icon dot, the information is redundant — the step number is already communicated by the sequential position and icon.

File: src/modules/home/components/home.steps.component.vue

Fix

Add a showStepLabel prop (default false). When false, the #opposite slot is not rendered, keeping the timeline clean with just icon dots + content cards.

props: {
  showStepLabel: { type: Boolean, default: false }
}

Conditionally render in template:

<template v-if="showStepLabel" #opposite="{ item }">
  <span>{{ item.title }}</span>
</template>

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions