-
Notifications
You must be signed in to change notification settings - Fork 65
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(component): add description to Panel #1119
Conversation
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.
Looks great!
🍹 Have we checked to see what a Panel with look like with aria-title
instead of header
+ action
+ description
? e.g.
<Panel aria-title="temp" action={...} description="Lorem ipsum..." />
{ | ||
name: 'description', | ||
types: ['string', 'React.ReactNode'], | ||
description: 'Appends a description.', |
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.
🍹
description: 'Appends a description.', | |
description: 'Appends a description below the header and action.', |
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.
👍🏼 !
Not exactly sure what you mean. 🤔 |
Nevermind @jorgemoya I was under the impression that we could have a panel with an |
d4dec53
to
cb01b6c
Compare
cb01b6c
to
b48d97b
Compare
What?
Add description to Panel component. Resolves #1109.
How?
I opted to allow the description a
string
or as aReactNode
. This will allow the flexibility to include links in the description. Let me know if we want to showcase the "custom" ReactNode functionality.Should we include more do's and don'ts for this prop? @bigcommerce/product-design
Screenshots/Screen Recordings
Without description (remains the same):
Testing/Proof
Unit tests