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

Stepper separator not stylable? #7381

Closed
enabldigital opened this issue Mar 6, 2025 · 1 comment
Closed

Stepper separator not stylable? #7381

enabldigital opened this issue Mar 6, 2025 · 1 comment
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@enabldigital
Copy link

In the docs, nothing is written about the separator of the Stepper component. No slots, no PassThrough. I'm unable to style the separator between the steplist.

@joren-dev
Copy link

joren-dev commented Mar 7, 2025

<Stepper>
	<StepList class="flex justify-center items-center w-full">
		<div class="flex items-center w-full">
			<template v-for="(step, index) in steps" :key="index">
				<div class="flex flex-col items-center">
					<Step asChild>
						...
					</Step>
				</div>
				<Divider v-if="index < steps.length - 1" />
			</template>
		</div>
	</StepList>
	<StepPanels>
		...
	</StepPanels>
</Stepper>

The code incomplete and should NOT be copy pasted, it's just to show what you can do. But in my example, the <Divider v-if="index < steps.length - 1" /> defines what is in between the steps in the what I call the stepper header (StepList). You can use and do whatever you want there.

@enabldigital

@tugcekucukoglu tugcekucukoglu added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Mar 7, 2025
@tugcekucukoglu tugcekucukoglu added this to the 4.3.2 milestone Mar 7, 2025
@tugcekucukoglu tugcekucukoglu self-assigned this Mar 7, 2025
@github-project-automation github-project-automation bot moved this to Review in PrimeVue Mar 7, 2025
@github-project-automation github-project-automation bot moved this from Review to Done in PrimeVue Mar 7, 2025
strubix pushed a commit to strubix/primevue that referenced this issue Mar 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
Status: Done
Development

No branches or pull requests

3 participants