Skip to content

Commit 5a814eb

Browse files
committed
feat: enhance Stepper component styling to indicate completed steps
1 parent cb79f83 commit 5a814eb

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

src/components/Stepper.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,8 @@ export const Stepper: React.FC<StepperProps> = ({ currentStep, steps }) => {
3737
<div
3838
className={cn(
3939
'mx-auto flex size-8 items-center justify-center rounded-full',
40-
isActive ? 'bg-white text-black' : 'bg-grey-700'
40+
isActive ? 'bg-white text-black' : 'bg-grey-700',
41+
isCompleted && 'bg-primary text-black'
4142
)}
4243
aria-label={`Step ${index + 1}`}
4344
>

0 commit comments

Comments
 (0)