How can I pass custom data to CustomComponent on BodyOutputType.Component

[nancybarraza]

Hi @Stabzs ,

I need be able to send custom data to the CustomComponent as @Input or similar to be able to display custom messages and custom templates.
I found this #112 ticket, but the shared plunker is not working anymore.

Here is my code to call the Toast.

let toast: Toast =  {
	type: 'error',
	body: ToasterBodyComponent,
	bodyOutputType: BodyOutputType.Component,
	data:  {
		message: 'Hello World', 
		hasIcon: true, 
		saveButtonText: 'Save', 
		cancelButtonText: 'Dismiss'
	}
};
this._toaster.pop(toast);

And in my ToasterBodyComponent here is the HTML:

<div class="toast-wrapper"> 
    <div class="left">
        <i class="k-icon" 
        [class.k-i-close-circle.k-i-x-circle]="error" 
        [class.k-i-check-circle.k-i-checkmark-circle]="success" *ngIf="hasIcon"></i>
        {{message}} 
    </div>

    <div class="toast-actions right">
        <button mat-button class="left" (click)="onCancelButtonClick($event)">{{cancelButtonText}}</button>        
        <button mat-button color="primary" class="left" (click)="onSaveButtonClick($event)">{{saveButtonText}}</button>
    </div>
</div>

I know that I am missing something, but when I add the public toast: Toast it is undefined;
Any help would be appreciated.

[nancybarraza]

I found the solution, thanks anyway I will close the ticket.

[max-SS]

could you share the solution?