fixup! feat(help): add new component

Lundalogik · May 10, 2023 · 72decf5 · 72decf5
1 parent 872de53
commit 72decf5
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/src/components/form/examples/form-with-help.tsx b/src/components/form/examples/form-with-help.tsx
@@ -3,7 +3,8 @@ import { schema } from './help-form-schema';
 
 /**
  * Form wich use help component
- * @link nhelp-form-schema.ts
+ *
+ * @link help-form-schema.ts
  */
 @Component({
     tag: 'limel-example-form-with-help',

diff --git a/src/components/help/examples/help-open-direction.tsx b/src/components/help/examples/help-open-direction.tsx
@@ -7,7 +7,7 @@ import { Component, h } from '@stencil/core';
     tag: 'limel-example-open-direction',
     shadow: true,
 })
-export class HelprExampleOpenDirection {
+export class HelperExampleOpenDirection {
     public render() {
         return (
             <limel-help

diff --git a/src/components/help/examples/help.tsx b/src/components/help/examples/help.tsx
@@ -1,5 +1,10 @@
 import { Component, h } from '@stencil/core';
 
+const markdown = `
+# Helpful text
+
+__I'm so helpful__
+`;
 /**
  * Basic example
  */
@@ -9,6 +14,6 @@ import { Component, h } from '@stencil/core';
 })
 export class HelprExample {
     public render() {
-        return <limel-help content="I'm so helpful" />;
+        return <limel-help content={markdown} />;
     }
 }
diff --git a/src/components/help/help.tsx b/src/components/help/help.tsx
@@ -9,7 +9,6 @@ import { Link } from '@limetech/lime-elements';
  * @exampleComponent limel-example-help
  * @exampleComponent limel-example-read-more
  * @exampleComponent limel-example-open-direction
- *
  */
 @Component({
     tag: 'limel-help',
@@ -74,7 +73,7 @@ export class Help {
                 <div
                 // ref={(el) => (this.rootElement = el as HTMLDivElement)}
                 >
-                    {this.content}
+                    <limel-markdown-viewer content={this.content} />
                 </div>
                 {this.renderReadMoreLink()}
             </limel-popover>,