Allow customization of message container

[timolins]

This issue was original raised by @ambroseus in #5. It would be cool to replace the built-in Message container. It includes styles which are hard to get rid of at the moment.

Ideally you will be a able to provide a custom Component without having to go headless.

[OlaoluwaM]

Hello

This project looks really cool! Could take a go at this issue?

[jlalmes]

Really keen on the ability to style that <Message> component. Would be great if we could just add a messageStyle key to the current toast options e.g.

toast(<MyComponent />, {
  id: 'component-id',
  duration: 5000,
  style: { 
    padding: 0,
  },
  messageStyle: {
    margin: 0,
  }
});

What do you think - would you like me to open a PR for this?

[lsbyerley]

This is a very needed customization as the the current styling for the toast container isn't customizable. I agree the messageStyle or maybe even toastContainerStyle property would be a solid solution to add

[lsbyerley]

I do see this containerStyle property in the Toaster component but I don't think it does anything?

react-hot-toast/src/components/toaster.tsx

Line 22 in 7e4391d

containerStyle,