Unable to show custom icon in the toast

[babarbahadur]

I've tried a couple of solutions to render but unfortunately none of them work.

Solution#1

showMessage({
icon: 'info',
   message: 'No network connection',
   type: 'danger',
   icon: <Icon name={"calendar-blank"} size={20} color={'red} />
})

Solution#2

showMessage({
icon: 'info',
   message: 'No network connection',
   type: 'danger',
   icon: () => { return(<Icon name={"calendar-blank"} size={20} color={'red} />)}
})

Solution#3

showMessage({
icon: 'info',
   message: 'No network connection',
   icon: <Icon name={"calendar-blank"} size={20} color={'red} />
})

Nothing works :/

[lucasferreira]

Hi @babarbahadur

I don't know how your Icon componente works, but try something like this:

showMessage({
   message: 'No network connection',
   icon:  props => <Icon name="calendar-blank" size={20} color="red" {...props} />,
   type: 'danger',
})

But again, I don't know your Icon component, and I don't know also what is "calendar-blank" not either if it really works.