<%= t(".demo") %>

<%= t(".demo_description") %>

<%= t(".demo") %>	<%= t(".usage") %>
<%= with_tooltip("Hello world", class: :top) do %> Hover me <% end %>	class: :top
<%= with_tooltip("Hello world", class: :bottom) do %> Hover me <% end %>	class: :bottom
<%= with_tooltip("Hello world", class: :left) do %> Hover me <% end %>	class: :left
<%= with_tooltip("Hello world", class: :right) do %> Hover me <% end %>	class: :right

<%= t(".usage") %>

<%= t(".usage_p") %>

<%= t(".usage_p_1_html") %>

<%= t(".usage_p_2_html") %>

<%= t(".usage_p_3_html") %>

<% github_link = "https://github.com/decidim/decidim/blob/develop/decidim-core/app/packs/src/decidim/tooltips.js" %>

<%= t(".github_source_html", github_link: link_to("decidim-core/app/packs/src/decidim/tooltips.js", github_link, target: "_blank", rel: "noopener noreferrer")) %>


      <%%= with_tooltip("Hello world", class: :top) do %>
  <span>Hover me</span>
<%% end %>

<%%= with_tooltip("Hello world", class: :bottom) do %>
  <span>Hover me</span>
<%% end %>

<%%= with_tooltip("Hello world", class: :right) do %>
  <span>Hover me</span>
<%% end %>

<%%= with_tooltip("Hello world", class: :left) do %>
  <span>Hover me</span>
<%% end %>