notification-lv0

Objective

Create your first notification.

Create a Notification

<zf-notification-static id="my-notify" title="My first notification" image="http://placehold.it/40x40" animation-in="hingeInFromTop" animation-out="hingeOutFromTop">
 <p>Hi Genius. Your favorite animal is grumpy cat. </p>
</zf-notification-static>

Trigger the Notification with a Link

<a class="button" href="#" zf-open="my-notify">Triggers Notifcation with id = my-notify</a>

This link opens the zf-notification element with id “my-notify”.

Further Reading

See the Zurb Foundation for Apps documentation for more tricks.
http://foundation.zurb.com/apps/docs/#!/notification