# Toast Component missing?

**URL:** <https://community.weweb.io/t/toast-component-missing/845>\
**Category:** Ask us anything\
**Created:** [July 21, 2022, 4:59pm UTC](https://community.weweb.io/t/toast-component-missing/845 "2022-07-21T16:59:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [July 21, 2022, 4:59pm UTC](https://community.weweb.io/t/toast-component-missing/845/1 "2022-07-21T16:59:38Z")

</div>

Hi there,

just started to use WeWeb together with my Xano backend and so far it works really amazingly! Thanks for that.

I was wondering if there was a change in the Editor and now the Toast Component moved somewhere? Couldnt find it. Based on the tutorial the Toast component should be available under the “+” Tab, but I can only see the modal, which is not exactly what I need.

Any ideas?

 ![Bildschirmfoto 2022-07-21 um 18.42.19](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/1X/5d468667b03a6bbf069feafdb45cf96813a9479f.png)

---

<div class="post-metadata">

**Author:** ![kevinwasie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevinwasie/32/402_2.png) [@kevinwasie](https://community.weweb.io/u/kevinwasie)\
**Post date:** [July 21, 2022, 5:16pm UTC](https://community.weweb.io/t/toast-component-missing/845/2 "2022-07-21T17:16:17Z")

</div>

@Soenke I’m guessing that WeWeb got rid of that because the modal and the toast are basically the same thing, just styled differently.

You can quickly style that modal, size it, and position it in the styling tab, and viola, now you have a toast.

Are there other features of the a that you want?

---

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [July 21, 2022, 6:00pm UTC](https://community.weweb.io/t/toast-component-missing/845/3 "2022-07-21T18:00:47Z")

</div>

Hey @kevinwasie thanks for your fast reply!

I was thinking the same and already styled a modal so that it looks like a toast. The only thing I am missing is the ability to automatically disappear after a delay. I achieved this with a delay in the workflow but don’t think that this a good way to do a toast delay, as following actions in the workflow are also delayed until the toast disappears. Toasts should work asynchronously, fire and forget 😃

I was hoping for a toast component with a native “hide after n secs” property. Or is that something I can achieve with a modal too?

---

<div class="post-metadata">

**Author:** ![kevinwasie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevinwasie/32/402_2.png) [@kevinwasie](https://community.weweb.io/u/kevinwasie)\
**Post date:** [July 21, 2022, 6:16pm UTC](https://community.weweb.io/t/toast-component-missing/845/4 "2022-07-21T18:16:09Z")

</div>

I put the toast at the end of the workflow and do the same thing with a delay. The other toast that was in there also was the same way. It did not handle closing the toast without a delay.

It would be awesome if there were a WeWeb component for toasts like that.

Take a look here for a little bit more information.

> [@Array of toasts (how to?)](https://community.weweb.io/t/array-of-toasts-how-to/815):
>
> On [WeWeb.io](http://WeWeb.io) dashboard, there are toasts that popup from the bottom left. How do you do this with an array of toasts? I know how to do this for one toast, by binding the display of the section to some variable, to make them transition in and transition out. But, I cannot figure out how to get multiple toasts in a section to transition in and out. I’ve also been using a timer on actions to close a toast after it is displayed. But, maybe there is a simpler way so that doesnt need to be done for…

---

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [July 22, 2022, 5:49am UTC](https://community.weweb.io/t/toast-component-missing/845/5 "2022-07-22T05:49:29Z")

</div>

That’s really helpful and looks like a good approach for a toast stack.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [July 22, 2022, 4:01pm UTC](https://community.weweb.io/t/toast-component-missing/845/6 "2022-07-22T16:01:16Z")

</div>

> [@Soenke](#):
>
> Based on the tutorial the Toast component should be available under the “+” Tab, but I can only see the modal, which is not exactly what I need.

Yes, sorry, we just changed the “Add” menu. Need to update the tutorials accordingly!
