jpmorganchase / salt-ds

React UI components built with a focus on accessibility, customisation and ease-of-use
https://www.saltdesignsystem.com
Apache License 2.0
111 stars 78 forks source link

stepped tracker - vertical - doesn't handle when the steps are different sizes #2980

Open preteshmistry opened 5 months ago

preteshmistry commented 5 months ago

Package name(s)

Lab (@salt-ds/lab)

Package version(s)

@salt-ds/lab@1.0.0-alpha.30

Description

We tried to use the vertical stepped tracker with card components we noticed if the cards had different heights, the stepped tracker lines did not stretch correctly between the dots image

Steps to reproduce

Use the vertical SteppedTracker with steps which are different heights to replicate the issue

Expected behavior

The Steps in the vertical stepped tracker could be different heights and the lines joining the circles should display with the correct spacing: image

Operating system

Browser

Are you a JPMorgan Chase & Co. employee?

el-dav commented 4 months ago

This isn't the intended usage of SteppedTracker