toastって？

ユーザーに控えめな注意を促すUIです。トースターから出てくるように、ポンっと下から出ます。

本家の説明および実際のサンプル（英語。オプションやらプロパティの詳細も載ってます）

設定

Gemfile


gem 'materialize-sass', '~> 1.0.0.rc2'

app/assets/javascripts/application.js


// 省略
//= require materialize

app/assets/stylesheets/application.scss


// 省略
@import "materialize";

app/views/layouts/application.html.haml


  -# 省略
  %body
    = render("layouts/toast")
    = yield

app/views/layouts/_toast.html.haml


- flash.each do |type, msg|
  -# 色についてはhttps://materializecss.com/color.htmlを参照
  - color = 'light-blue lighten-3' if type == 'notice'
  - color = 'red lighten-1' if type == 'alert'

  = javascript_tag "M.toast({html: '#{msg}',
                             classes: '#{color}',
                             displayLength: 2000})"