menu

Tooltip

More documentation can be found MDB's site, here .

menu arrow_back arrow_forward check 
# placement can be %w(top right bottom left)
# Title and data-toggle are required
#
# Use data-animation: false to workaround 'Error: Tooltip is transitioning'
# Will be fixed upstream in bootstrap v.4.0.0-beta.1: https://github.com/twbs/bootstrap/issues/21607
= link_to "Link", "#", title: "Tooltip on top",
    data: { toggle: "tooltip", placement: "top", animation: false }

With Ripple

refresh 
# placement can be %w(top right bottom left)
# Title and data-toggle are required
= link_to "#", class: "btn-icon" do
  %i.material-icons.waves-effect refresh