-
Notifications
You must be signed in to change notification settings - Fork 13.5k
feat(select): allow multiple selections in popover interface, ui updates #23474
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
Conversation
- brings us closer to matching the Material Design spec
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 work! Added a few non-blocking suggestions.
return ( | ||
<Host class={getIonMode(this)}> | ||
<ion-list> | ||
{this.header !== undefined && <ion-list-header>{this.header}</ion-list-header>} | ||
{ (this.subHeader !== undefined || this.message !== undefined) && | ||
{header !== undefined && <ion-list-header>{header}</ion-list-header>} |
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.
{header !== undefined && <ion-list-header>{header}</ion-list-header>} | |
{header ?? <ion-list-header>{header}</ion-list-header>} |
{subHeader !== undefined && <h3>{subHeader}</h3>} | ||
{message !== undefined && <p>{message}</p>} |
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.
{subHeader !== undefined && <h3>{subHeader}</h3>} | |
{message !== undefined && <p>{message}</p>} | |
{subHeader ?? <h3>{subHeader}</h3>} | |
{message ?? <p>{message}</p>} |
{this.header !== undefined && <ion-list-header>{this.header}</ion-list-header>} | ||
{ (this.subHeader !== undefined || this.message !== undefined) && | ||
{header !== undefined && <ion-list-header>{header}</ion-list-header>} | ||
{ (subHeader !== undefined || message !== undefined) && |
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.
Moving this to something like const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
at the top of the render
function makes the JSX cleaner to read, but that might just be my personal preference. :)
Features / Improvements
multiple
with the"popover"
interfaceresolves #23657
resolves #15500
resolves #12310
master
branch