-
|
Hi, I'm trying to use toaster.push to display a toast message, but on smaller devices (mobile), the toast banner is too long and gets cut off. Is there a way to adjust the width of a toast? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 5 replies
-
|
Hi @FTSTimSin! You can use our Customization Provider to change the Toast width. |
Beta Was this translation helpful? Give feedback.
-
|
Codesandbox demo: https://codesandbox.io/s/customizing-toasts-using-paste-customization-provider-eoy0el?file=/src/index.tsx |
Beta Was this translation helpful? Give feedback.
-
|
Thank you both your your help! Can you provide an example of this being used with a toaster rather than individual toasts? My program uses toaster.push to push toasts. |
Beta Was this translation helpful? Give feedback.
-
|
It should be exactly the same way. The Toaster shows and hides Toast components, so targeting the element name in the customization provider, should be sufficient for toaster use cases. Give it a shot, and let us know if you have any troubles. |
Beta Was this translation helpful? Give feedback.
-
|
Alright I'll give it a shot, thank you so much for your time and help! |
Beta Was this translation helpful? Give feedback.
-
|
@SiTaggart @loreina I originally couldn't get it to work until I realized I had to update Paste haha. Thank you both so much, this worked perfectly! |
Beta Was this translation helpful? Give feedback.
Hi @FTSTimSin! You can use our Customization Provider to change the Toast width.