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): add shadow part for cancel button (#27921)

Browse Source 
resolves #27920
This commit is contained in:
luisbytes
2023-08-10 11:26:01 -05:00
committed by GitHub
parent 7585408e10
commit e9faf54d0a
3 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -35,6 +35,7 @@ import type { ToastButton, ToastPosition, ToastLayout } from './toast-interface'
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*
* @part button - Any button element that is displayed inside of the toast.
* @part button cancel - Any button element with role "cancel" that is displayed inside of the toast.
* @part container - The element that wraps all child elements.
* @part header - The header text of the toast.
* @part message - The body text of the toast.
@ -422,7 +423,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
class={buttonClass(b)}
tabIndex={0}
onClick={() => this.buttonClick(b)}
part="button"
part={buttonPart(b)}
>
<div class="toast-button-inner">
{b.icon && (
@ -586,5 +587,9 @@ const buttonClass = (button: ToastButton): CssClassMap => {
};
};
const buttonPart = (button: ToastButton): string => {
return isCancel(button.role) ? 'button cancel' : 'button';
};
type ToastPresentOptions = ToastPosition;
type ToastDismissOptions = ToastPosition;