255kb / md-snackbars Goto Github PK
View Code? Open in Web Editor NEWSnackbars and Toasts based on Google's Material Design
License: MIT License
Snackbars and Toasts based on Google's Material Design
License: MIT License
Hello,
I am having an issue to close snackbar on click. If I test your demo with a browser the snackbar does close when I click on it, but using ios safari on mobile it doesn't...
Can you confirm you get the same behaviour ? Any idea what could be happening ?
Thanks for this awesome module ;)
Would be awesome to have onShow
and onHide
hooks for when the snackbar finally makes it onto the screen and when it exits.
Perhaps context (this
) is the DOM element - so that I can attach listeners to links in the HTML, like the UNDO link as shown in the google snackbar design specs
MDSnackbars.show({
onShow () {
$(this).find('a.undo').click(() => alert('TODO: Undo'))
}
})
According to the Google's Material Design specifications snackbar should be animate upwards.
Maybe you can use slideDown() / slideUp() instead of fadeIn
Optional CSS class for the snackbar message?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.