-
Notifications
You must be signed in to change notification settings - Fork 54
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
feat: add stepper and step components #1134
base: main
Are you sure you want to change the base?
Conversation
This PR is being prevented from merging because it needs to be reviewed on Percy. Go to Percy, find the build relevant to this PR and check if it looks as expected. Once it's approved, add the label |
1 similar comment
This PR is being prevented from merging because it needs to be reviewed on Percy. Go to Percy, find the build relevant to this PR and check if it looks as expected. Once it's approved, add the label |
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.
QA LGTM.
The linter has some errors, one idea for improvement and one concern regarding css namespacing.
.p-list__item { | ||
padding-bottom: 0; | ||
padding-top: 0; | ||
} | ||
|
||
.p-inline-list { | ||
display: flex; | ||
} |
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.
Those look like standard vanilla classes, which we shouldn't override globally.
I think best is
- to namespace all selectors in this file with a wrapper and
- target only custom classes
/** | ||
* Icon to display in the step. Specify "number" if the index should be displayed. | ||
*/ | ||
iconName: string; |
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.
Should we reference the icon names ValueOf<typeof ICONS> | string | "number"
here to allow autocomplete?
Done
The current stepper component is of the standard size outlined in the spec. If required, the large size can be added at a later time.
QA
Storybook
To see rendered examples of all react-components, run:
QA in your project
from
react-components
run:Install the resulting tarball in your project with:
QA steps
Percy steps
Fixes
Fixes: # .