<div class="alert alert--success toast toast--top--right hide"> This is success alert <button class="alert--close">×</button> </div> <div class="alert alert--message toast toast--bottom--left hide"> This is message alert <button class="alert--close">×</button> </div> <div class="alert alert--error toast toast--bottom--center hide"> This is danger alert <button class="alert--close">×</button> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter