-
Notifications
You must be signed in to change notification settings - Fork 821
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鈥檒l occasionally send you account related emails.
Already on GitHub? Sign in to your account
[EuiHorizontalStep] Added current
status
#4911
Conversation
Preview documentation changes for this PR: https://eui.elastic.co/pr_4911/ |
Preview documentation changes for this PR: https://eui.elastic.co/pr_4911/ |
In talking with @cchaos, we think it makes sense to add |
# Conflicts: # CHANGELOG.md
*Breaking* Makes EuiHorizontalStep current default to `incomplete`
Preview documentation changes for this PR: https://eui.elastic.co/pr_4911/ |
current
status
Preview documentation changes for this PR: https://eui.elastic.co/pr_4911/ |
Ok, this one is ready for review again 馃槈 . The summary was also updated. |
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 can't approve this because I made it (kinda), but I approve @cchaos's changes. Thanks for picking it up and finishing it off.
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.
Code and docs lgtm 馃殌
Preview documentation changes for this PR: https://eui.elastic.co/pr_4911/ |
Co-authored-by: cchaos <caroline.horn@elastic.co>
Summary
credit @cnasikas for the spot.
Hopefully I still remember how to code 馃槃
@cchaos has taken over 馃槒
Default state of horizontal step should be
incomplete
notundefined
. This aligns it with the proper usage which differs from our vertical steps since we want to always denote progress. The docs were also fixed from using deprecated props, to the correctstatus
.Which also meant adding
current
as a possiblestatus
option.Default theme
Step 3 looks "broken" in this screenshot, but it's technically correct since there should only be one current/selected step, I'm just showing how using either prop still works.
Amsterdam
Checklist
[ ] Checked in mobileChecked in Chrome, Safari, Edge, and FirefoxChecked for accessibility including keyboard-only and screenreader modes