Alert: Add plain variant, add expandable inline#6236
Conversation
|
PF4 preview: https://patternfly-react-pr-6236.surge.sh |
mcarrano
left a comment
There was a problem hiding this comment.
This looks good @CooperRedhat except that I don't think we want plain variations with body text, actions, etc. The plain variant should only have the icon and title. @mcoker @mceledonia can you confirm that's what we earlier decided? That would mean these variants should be removed: https://patternfly-react-pr-6236.surge.sh/components/alert#inline-plain-variations
|
@mcarrano from the core plain alert issue, it just says:
So it says to exclude actions, but doesn't call out descriptions specifically. I think we built the examples based off of the designs, which do not include a description. |
mcoker
left a comment
There was a problem hiding this comment.
Other than @mcarrano's question about the inline examples and @nicolethoen's feedback about the expandable toggle aria-label, lgtm!!
I think that we definitely should remove actions from the examples, including the close/dismiss action. I guess we hadn't really considered the description but I think it could be useful to have a plain alert with a description. What do you think @mcoker @mceledonia ? |
jessiehuff
left a comment
There was a problem hiding this comment.
I agree with Nicole's comments, but otherwise it looks good! I tested in VO, JAWS, and NVDA, and all seem to be able to navigate and understand everything in the alert. I do worry about future variations/uses of expandable alerts (like Nicole mentions), but these examples look great!
I removed the actions from inline plain examples, let me know if it looks good, thanks! @mcarrano |
packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx
Outdated
Show resolved
Hide resolved
mcarrano
left a comment
There was a problem hiding this comment.
This looks good. Thanks for making the updates @CooperRedhat !
tlabaj
left a comment
There was a problem hiding this comment.
Looks like you need to update your snapshots, otherwise it looks good!
|
Your changes have been released in:
Thanks for your contribution! 🎉 |
What: Closes #6164, #5820