render title via tooltipcontent

Author: Parvinmh

example/html-tooltip/index.html

@@ -75,6 +75,7 @@ <h4>Section Six</h4>
           intro.setOptions({
             steps: [
               {
+                title: '<p>Welcome</p>',
                 element: '#step1',
                 intro: "This is a <b>bold</b> tooltip."
               },

src/packages/tour/components/TourTooltip.ts

@@ -328,17 +328,22 @@ const Buttons = ({
 
 const Header = ({
   title,
-
   skipLabel,
+  renderAsHtml,
   onSkipClick,
 }: {
   title: string;
-
   skipLabel: string;
+  renderAsHtml?: boolean;
   onSkipClick: (e: any) => void;
 }) => {
+  const titleEl = TooltipContent({
+    text: title,
+    tooltipRenderAsHtml: renderAsHtml,
+    className: tooltipTextClassName,
+  });
   return div({ className: tooltipHeaderClassName }, [
-    h1({ className: tooltipTitleClassName }, title),
+    h1({ className: tooltipTitleClassName }, titleEl),
     Button({
       className: skipButtonClassName,
       label: skipLabel,
@@ -452,7 +457,7 @@ export const TourTooltip = ({
   const text = step.intro;
   const position = step.position;
 
-  children.push(Header({ title, skipLabel, onSkipClick }));
+  children.push(Header({ title, skipLabel, renderAsHtml, onSkipClick }));
 
   children.push(
     TooltipContent({