framework7.angular/kitchen-sink-material/jade/notifications.jade

Full Featured Mobile HTML Framework For Building iOS & Android Apps using Angularjs

.page(data-page="notifications")
  .navbar
    .navbar-inner
      .left
        a(href="index.html").back.link.icon-only
          i.icon.icon-back
      .center Notifications
      .right
        a(href="#").open-panel.link.icon-only
          i.icon.icon-bars
  .page-content
    .content-block
      p Framework7 comes with simple Notifications component that allows you to show some useful messages to user and request basic actions. Such notification are also called Snackbars & Toasts in Android 
      p
        a(href="#").button.button-raised.ks-notification-1 Single-line message
      p
        a(href="#").button.button-raised.ks-notification-2 Multi-line message
      p
        a(href="#").button.button-raised.ks-notification-3 With custom button
      p
        a(href="#").button.button-raised.ks-notification-4 With callback on close