Semantic-ui: [UI] Growl/Toast Component

Created on 11 Dec 2014  Â·  40Comments  Â·  Source: Semantic-Org/Semantic-UI

How can one do this in SUI? Looks really slick, especially for mobile.

https://www.polymer-project.org/components/paper-toast/demo.html

UI Component

Most helpful comment

Guys, please!
When you are intressted in this topic, please click on Subscribe.
If you want to to say that this is a nice feature just click on the smiley and press your reaction. Github added that for a reason. One of the reason is that the +1 is annoying for all that subscribed or watch a issue/repo.

Thanks!

All 40 comments

Check out nags. It's not excactly what you want though

Thanks, it is pretty close, but toast
Tend to disappear by themselves.
/Hristo Stoyanov
On Dec 11, 2014 11:49 AM, "Anestis" [email protected] wrote:

Check out nags http://semantic-ui.com/modules/nag.html. It's not
excactly what you want though

—
Reply to this email directly or view it on GitHub
https://github.com/Semantic-Org/Semantic-UI/issues/1430#issuecomment-66676939
.

Yeah, this is necessary.

:+1: that could be great. correct me if i'm wrong, but there's currently no absolute positioned component (other than modal) that can show messages unobtrusively.

I think the nag component should be extended so it can either serve as a grows/toast alike absolute positioned notification element OR as an inline element as of the current state

:+1: needing some post create notification. This would be really useful.

Workaround for now: noty.js (http://ned.im/noty) and you can pass in SUI markup/template.

+1 ping

This is so cool, and I am just looking for this component in Semantic UI! Hope it to appear in 2.0!

+1

+1

+1

Would also like it to support desktop notifications.

:+1:

+1 so slooooooooow

If you think it's slow in the meantime you can use toastr, there's even a meteor package for it.

Yep, toastr is great!

+1

+1 :)

+1

+1

Guys, please!
When you are intressted in this topic, please click on Subscribe.
If you want to to say that this is a nice feature just click on the smiley and press your reaction. Github added that for a reason. One of the reason is that the +1 is annoying for all that subscribed or watch a issue/repo.

Thanks!

http://codeseven.github.io/toastr/demo.html this implementation is fully customizable

Using toastr on our app. Works quite well

Tried using noty and made a theme (Waiting for noty to accept my PR). In case you're interested here it is: https://github.com/needim/noty/pull/332

+1

jlukic... any update on this?

Any update of this?

+1

Almost 2 years and still nothing...

+1 for this feature

+1

+1, no toasts yet?!

+1

+1

+1

This would be even more cruicial as more apps are taking their requests with off-screen promises and whatnot. +1

+1

There are tons of framework specific toast plugins ( i personally use Vue-Toasted )

For folks using Vue.js Awesome Vue has tons of awesome plugins etc.

Edit:
For AngularJS -> Awesome AngularJS
For React -> Awesome React

My personal choice: NProgress + vue-toasted which I use with Promises

Also, bumping a thread that is 3 years old with +1 doesn't really help anyone.

Locking the conversation for now.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

iPaoo picture iPaoo  Â·  3Comments

zhaoyao91 picture zhaoyao91  Â·  3Comments

vinhtq picture vinhtq  Â·  3Comments

miguelmota picture miguelmota  Â·  3Comments

ghost picture ghost  Â·  3Comments