-
Notifications
You must be signed in to change notification settings - Fork 535
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
Add gap to progressbar with multiple sections #4995
Conversation
🦋 Changeset detectedLatest commit: 4283297 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
3f6627c
to
b8cf221
Compare
size-limit report 📦
|
b8cf221
to
31e5c00
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Left a comment to fix the gap
property not being applied, but otherwise looks good!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I see 2 suggestions, other than that. All good!
Approving in advance
Co-authored-by: Tyler Jones <tylerjdev@github.com>
Co-authored-by: Siddharth Kshetrapal <siddharthkp@github.com>
* add gap to progressbar with multiple sections * update etst * Update packages/react/src/ProgressBar/ProgressBar.tsx Co-authored-by: Tyler Jones <tylerjdev@github.com> * Update .changeset/stale-pets-tan.md Co-authored-by: Siddharth Kshetrapal <siddharthkp@github.com> * update snapshots --------- Co-authored-by: Tyler Jones <tylerjdev@github.com> Co-authored-by: Siddharth Kshetrapal <siddharthkp@github.com>
This bug was mentioned in slack and is apparent when looking at the docs.
Expected
When a progressbar has multiple sections, a 2px gap is shown between them.
Current behavior
When a progressbar has multiple sections, a no gap is shown between them. making them sometimes very hard to distinguish.
Changelog
sections
control to the playground story to allow users to check the difference.Rollout strategy
Testing & Reviewing
Merge checklist