Tooltip
More documentation can be found MDB's site, here .
# 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
# 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