Tooltip

1
Tooltip tip: "hello" do
2
  Button do
3
    "Hover me"
4
  end
5
end

1
Tooltip :open, tip: "hello" do
2
  Button do
3
    "Force open"
4
  end
5
end

1
Tooltip :open, :top, tip: "hello" do
2
  Button do
3
    "Top"
4
  end
5
end

1
Tooltip :open, :bottom, tip: "hello" do
2
  Button do
3
    "Bottom"
4
  end
5
end

1
Tooltip :open, :left, tip: "hello" do
2
  Button do
3
    "Left"
4
  end
5
end

1
Tooltip :open, :right, tip: "hello" do
2
  Button do
3
    "Right"
4
  end
5
end

1
Tooltip :open, :primary, tip: "primary" do
2
  Button :primary do
3
    "primary"
4
  end
5
end

1
Tooltip :open, :secondary, tip: "secondary" do
2
  Button :secondary do
3
    "secondary"
4
  end
5
end

1
Tooltip :open, :accent, tip: "accent" do
2
  Button :accent do
3
    "accent"
4
  end
5
end

1
Tooltip :open, :info, tip: "info" do
2
  Button :info do
3
    "info"
4
  end
5
end

1
Tooltip :open, :success, tip: "success" do
2
  Button :success do
3
    "success"
4
  end
5
end

1
Tooltip :open, :warning, tip: "warning" do
2
  Button :warning do
3
    "warning"
4
  end
5
end

1
Tooltip :open, :error, tip: "error" do
2
  Button :error do
3
    "error"
4
  end
5
end

1
Tooltip responsive: {lg: true}, tip: "hello" do
2
  Button do
3
    "Hover me"
4
  end
5
end