FluentToast
Design: https://storybooks.fluentui.dev/react/?path=/docs/components-toast--docs
🔹ToastService, IToastService
ClearAsync(): TaskShowToastAsync<TComponent>(ToastOptions): Task<ToastResult>ShowToastAsync<TComponent>(Action<ToastOptions>): Task<ToastResult>
Extra
ShowInfoAsync(message: string): Task<ToastResult>ShowInfoAsync(message: string, link: string): Task<ToastResult>ShowSuccessAsync(message: string): Task<ToastResult>ShowSuccessAsync(message: string, link: string): Task<ToastResult>ShowWarningAsync(message: string): Task<ToastResult>ShowWarningAsync(message: string, link: string): Task<ToastResult>ShowErrorAsync(message: string): Task<ToastResult>ShowErrorAsync(message: string, link: string): Task<ToastResult>
🔹ToastOptions
Position: ToastPositionCloseButton: boolTimeout: intOnStateChange: Action<ToastEventArgs>Parameters: IDictionary<string, object>Intent: ToastIntent- ➕
IFluentComponentBase properties (Class, Style, Margin, Padding, ...)
Example
var result = await ToastService.ShowToastAsync<DebugToastContent>(options =>
{
options.Parameters.Add("Name", "John");
options.OnStateChange = (e) =>
{
Console.WriteLine($"State changed: {e.State}");
};
});
if (result.Cancelled)
{
Console.WriteLine($"Toast Canceled: {result.Value}");
}
else
{
Console.WriteLine($"Toast Confirmed: {result.Value}");
}🔹ToastInstance, IToastInstance
Properties
Id: stringIndex: longOptions: ToastOptionsResult: ToastResult
Methods
CancelAsync()CloseAsync()CloseAsync(ToastResult)CloseAsync<TResult>()
🔹ToastResult
Properties
Value: TContentCancelled: bool
🔹ToastEventArgs
Properties
Id: stringState: DialogStateInstance: IToastInstance
🔹FluentToastProvider
Parameters
Position: ToastPositionTimeout: intMaxToastCount: intRemoveToastsOnNavigation: boolOffsetHorizontal: stringOffsetVertical: string
FluentToast
Design: https://storybooks.fluentui.dev/react/?path=/docs/components-toast--docs
🔹ToastService, IToastService
ClearAsync(): TaskShowToastAsync<TComponent>(ToastOptions): Task<ToastResult>ShowToastAsync<TComponent>(Action<ToastOptions>): Task<ToastResult>Extra
ShowInfoAsync(message: string): Task<ToastResult>ShowInfoAsync(message: string, link: string): Task<ToastResult>ShowSuccessAsync(message: string): Task<ToastResult>ShowSuccessAsync(message: string, link: string): Task<ToastResult>ShowWarningAsync(message: string): Task<ToastResult>ShowWarningAsync(message: string, link: string): Task<ToastResult>ShowErrorAsync(message: string): Task<ToastResult>ShowErrorAsync(message: string, link: string): Task<ToastResult>🔹ToastOptions
Position: ToastPositionCloseButton: boolTimeout: intOnStateChange: Action<ToastEventArgs>Parameters: IDictionary<string, object>Intent: ToastIntentIFluentComponentBaseproperties (Class, Style, Margin, Padding, ...)Example
🔹ToastInstance, IToastInstance
Properties
Id: stringIndex: longOptions: ToastOptionsResult: ToastResultMethods
CancelAsync()CloseAsync()CloseAsync(ToastResult)CloseAsync<TResult>()🔹ToastResult
Properties
Value: TContentCancelled: bool🔹ToastEventArgs
Properties
Id: stringState: DialogStateInstance: IToastInstance🔹FluentToastProvider
Parameters
Position: ToastPositionTimeout: intMaxToastCount: intRemoveToastsOnNavigation: boolOffsetHorizontal: stringOffsetVertical: string