Question:
How to create Toast with Icon and CloseButton?
SImulate:
Create a toast with icon and button.
Error:
Only icon appears.
Example:
export default (props, { $f7, $f7router }) => {
let toastOptions = { icon: '<i class="f7-icons">star_fill</i>', position: 'top', closeButton: true, closeButtonText: 'Close Me', closeButtonColor: 'red' };
let emptyInput = 'Preencha o campo corretamente';
$on('pageAfterIn', () => createToast());
const createToast = () => {
toastOptions.text = emptyInput;
$f7.toast.create(toastOptions).open();
};
return $render;
};