Notifications
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Regular
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium. Duis a ultrices ante. Praesent suscipit porttitor dui ultricies auctor. Nunc pharetra nibh justo, vitae fermentum.
<div class="notification"></div>Close
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium. Duis a ultrices ante. Praesent suscipit porttitor dui ultricies auctor. Nunc pharetra nibh justo, vitae fermentum.
<div class="notification">
...
<a class="control close"><svg>...</svg></a>
</div>Icons
Duis a ultrices ante. Praesent suscipit porttitor dui ultricies auctor. Nunc pharetra nibh justo, vitae fermentum sapien malesuada et. Duis elementum arcu nec enim. Duis a ultrices ante. Praesent suscipit porttitor dui ultricies auctor. Nunc pharetra nibh justo, vitae fermentum sapien malesuada et. Duis elementum arcu nec enim.
<div class="notification">
<svg class="icon">...</svg>
...
</div>Colors
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Warning! Achtung!
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
<div class="notification yellow"></div>
<div class="notification blue"></div>
<div class="notification red"></div>
<div class="notification green"></div>
<div class="notification purple"></div>
<div class="notification orange"></div>
<div class="notification gray"></div>Sticky
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi?
Suspendisse pharetra euismod diam, a consectetur dui. Pellentesque lacinia ullamcorper gravida. Nulla lorem justo, vehicula et lectus quis.
Integer blandit risus libero, eget imperdiet nibh euismod eget. Pellentesque neque felis, feugiat id arcu eget, laoreet posuere diam.
Quisque sit amet nunc arcu. Cras porttitor leo semper eleifend pulvinar. Quisque placerat ut quam a convallis.
Mauris malesuada arcu ac nisi tincidunt, vitae cursus eros porttitor. Phasellus consequat diam convallis lobortis luctus. Donec sollicitudin mauris posuere eros dapibus.
<div class="notification sticky"></div>