diff --git a/src/app/docs/tooltip.component.md b/src/app/docs/tooltip.component.md
new file mode 100644
index 00000000..5ee2f4a1
--- /dev/null
+++ b/src/app/docs/tooltip.component.md
@@ -0,0 +1,3 @@
+#### Tooltip
+* `triggers` allows to close and open tooltip with an event (ex: for mobile apps).
+* `autoClose` allows to close tooltip by clicking `inside` or `outside` of button.
diff --git a/src/app/docs/tooltip.component.ts b/src/app/docs/tooltip.component.ts
index e7e7806c..be69043b 100644
--- a/src/app/docs/tooltip.component.ts
+++ b/src/app/docs/tooltip.component.ts
@@ -7,11 +7,16 @@ import { Analytics } from './shared/analytics';
     <docs-wrapper component="Tooltip">
         <h3>Demo</h3>
         <demo-tooltip></demo-tooltip>
+        <br>
+        <br>
+        <h3>Usage</h3>
+        <div [innerHtml]=docContent></div>
         <code-box [snippets]="demoSnippets"></code-box>
     </docs-wrapper>
   `
 })
 export class DocTooltip implements OnInit {
+  public docContent = require('html-loader!markdown-loader!./tooltip.component.md');
   public demoSnippets = {
     markup: require('!!prismjs-loader?lang=html!../demos/tooltip.component.html'),
     typescript: require('!!prismjs-loader?lang=typescript!../demos/tooltip.component.ts')