-
Notifications
You must be signed in to change notification settings - Fork 358
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(Spinner): remove legacy variant and svg prop #8616
feat(Spinner): remove legacy variant and svg prop #8616
Conversation
Preview: https://patternfly-react-pr-8616.surge.sh A11y report: https://patternfly-react-pr-8616-a11y.surge.sh |
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.
Nice @gitdallas ! Default svg
spinners are looking great. Left a couple of comments.
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.
One little thing, not a blocker. Otherwise LGTM!
) : ( | ||
<Spinner diameter="1em" isSVG aria-label={defaultProgressArialabel} /> | ||
); | ||
const _progressIcon = progressIcon ?? <Spinner diameter="1em" aria-label={defaultProgressArialabel} />; |
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.
We have a prop for this now! 🥳 It's beta, but the icon component is beta, too. IMO we could promote isInline
any time, it's really simple, so it should be promoted before or with <Icon>
const _progressIcon = progressIcon ?? <Spinner diameter="1em" aria-label={defaultProgressArialabel} />; | |
const _progressIcon = progressIcon ?? <Spinner isInline aria-label={defaultProgressArialabel} />; |
If we make this update, can you also update this comment? We could replace "1em" with "inline", or just remove that and say "Defaults to a spinner."
/** Icon when isInProgress is set to true. Defaults to a 1em spinner. */ |
And if it's not scope creep, could we poke around and see if this is used anywhere else? I looked in the react-core dir and only found this one. I can open a separate issue if you'd prefer.
patternfly-react/packages/react-core/src/components/Dropdown/DropdownToggleCheckbox.tsx
Line 93 in 25b7097
diameter="1em" |
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.
@mcoker - looks like this was merged soon after your comments... lmk if you open a new issue
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.
@nicolethoen @tlabaj do you see any reason to hold off on using this beta prop (<Spinner isInline />
)? Or maybe just go ahead and promote the prop?
What: Closes #8349