javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(toast): expose shadow parts (#20146)

Browse Source 
resolves #19722
This commit is contained in:
Liam DeBeasi
2020-01-06 15:53:26 -05:00
committed by GitHub
parent 808b1bd461
commit 3b4988aa60
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/toast/toast.tsx
View File

@ -233,7 +233,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
return (
<div class={buttonGroupsClasses}>
{buttons.map(b =>
<button type="button" class={buttonClass(b)} tabIndex={0} onClick={() => this.buttonClick(b)}>
<button type="button" class={buttonClass(b)} tabIndex={0} onClick={() => this.buttonClick(b)} part="button">
<div class="toast-button-inner">
{b.icon &&
<ion-icon
@ -275,15 +275,15 @@ export class Toast implements ComponentInterface, OverlayInterface {
onIonToastWillDismiss={this.dispatchCancelHandler}
>
<div class={wrapperClass}>
<div class="toast-container">
<div class="toast-container" part="container">
{this.renderButtons(startButtons, 'start')}
<div class="toast-content">
{this.header !== undefined &&
<div class="toast-header">{this.header}</div>
<div class="toast-header" part="header">{this.header}</div>
}
{this.message !== undefined &&
<div class="toast-message" innerHTML={sanitizeDOMString(this.message)}></div>
<div class="toast-message" part="message" innerHTML={sanitizeDOMString(this.message)}></div>
}
</div>