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

feat(toast): add ability to use toast inline (#26215)

Browse Source
This commit is contained in:
Amanda Johnston
2022-11-07 16:21:35 -06:00
committed by GitHub
parent 92b763a538
commit 003de44d92
12 changed files with 322 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
core/src/components.d.ts vendored
View File

@ -2849,6 +2849,7 @@ export namespace Components {
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
*/
"cssClass"?: string | string[];
"delegate"?: FrameworkDelegate;
/**
* Dismiss the toast overlay after it has been presented.
* @param data Any data to emit in the dismiss events.
@ -2863,6 +2864,7 @@ export namespace Components {
* Animation to use when the toast is presented.
*/
"enterAnimation"?: AnimationBuilder;
"hasController": boolean;
/**
* Header to be shown in the toast.
*/
@ -2875,6 +2877,10 @@ export namespace Components {
* The name of the icon to display, or the path to a valid SVG file. See `ion-icon`. https://ionic.io/ionicons
*/
"icon"?: string;
/**
* If `true`, the toast will open. If `false`, the toast will close. Use this if you need finer grained control over presentation, otherwise just use the toastController or the `trigger` property. Note: `isOpen` will not automatically be set back to `false` when the toast dismisses. You will need to do that in your code.
*/
"isOpen": boolean;
/**
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
*/
@ -2912,6 +2918,10 @@ export namespace Components {
* If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
*/
"translucent": boolean;
/**
* An ID corresponding to the trigger element that causes the toast to open when clicked.
*/
"trigger": string | undefined;
}
interface IonToggle {
/**
@ -6727,6 +6737,7 @@ declare namespace LocalJSX {
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
*/
"cssClass"?: string | string[];
"delegate"?: FrameworkDelegate;
/**
* How many milliseconds to wait before hiding the toast. By default, it will show until `dismiss()` is called.
*/
@ -6735,6 +6746,7 @@ declare namespace LocalJSX {
* Animation to use when the toast is presented.
*/
"enterAnimation"?: AnimationBuilder;
"hasController"?: boolean;
/**
* Header to be shown in the toast.
*/
@ -6747,6 +6759,10 @@ declare namespace LocalJSX {
* The name of the icon to display, or the path to a valid SVG file. See `ion-icon`. https://ionic.io/ionicons
*/
"icon"?: string;
/**
* If `true`, the toast will open. If `false`, the toast will close. Use this if you need finer grained control over presentation, otherwise just use the toastController or the `trigger` property. Note: `isOpen` will not automatically be set back to `false` when the toast dismisses. You will need to do that in your code.
*/
"isOpen"?: boolean;
/**
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
*/
@ -6763,6 +6779,14 @@ declare namespace LocalJSX {
* The mode determines which platform styles to use.
*/
"mode"?: "ios" | "md";
/**
* Emitted after the toast has dismissed. Shorthand for ionToastDidDismiss.
*/
"onDidDismiss"?: (event: IonToastCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted after the toast has presented. Shorthand for ionToastWillDismiss.
*/
"onDidPresent"?: (event: IonToastCustomEvent<void>) => void;
/**
* Emitted after the toast has dismissed.
*/
@ -6779,6 +6803,14 @@ declare namespace LocalJSX {
* Emitted before the toast has presented.
*/
"onIonToastWillPresent"?: (event: IonToastCustomEvent<void>) => void;
/**
* Emitted before the toast has dismissed. Shorthand for ionToastWillDismiss.
*/
"onWillDismiss"?: (event: IonToastCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted before the toast has presented. Shorthand for ionToastWillPresent.
*/
"onWillPresent"?: (event: IonToastCustomEvent<void>) => void;
"overlayIndex": number;
/**
* The position of the toast on the screen.
@ -6788,6 +6820,10 @@ declare namespace LocalJSX {
* If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
*/
"translucent"?: boolean;
/**
* An ID corresponding to the trigger element that causes the toast to open when clicked.
*/
"trigger"?: string | undefined;
}
interface IonToggle {
/**