From d4465372f91f3db9da592638b2da52249c02fc1a Mon Sep 17 00:00:00 2001
From: Marco Lanaro <marcolanaro@gmail.com>
Date: Mon, 5 Jul 2021 08:51:39 +0100
Subject: [PATCH] Add getting started on readme

---
 app/stencil/README.md                            | 12 ++++++++++++
 examples/stencil-kitchen-sink/.storybook/main.js |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/stencil/README.md b/app/stencil/README.md
index 390be36a47ea..9430fd134982 100644
--- a/app/stencil/README.md
+++ b/app/stencil/README.md
@@ -9,3 +9,15 @@ With it, you can visualize different states of your UI components and develop th
 
 Storybook runs outside of your app.
 So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
+
+## Getting Started
+
+With the current state you will be able to write your stories using stencil.
+
+```
+cd my-app
+npm i @storybook/stencil
+
+npm run build:watch
+npm run storybook
+```
diff --git a/examples/stencil-kitchen-sink/.storybook/main.js b/examples/stencil-kitchen-sink/.storybook/main.js
index 87bb01566499..3c219e7d5580 100644
--- a/examples/stencil-kitchen-sink/.storybook/main.js
+++ b/examples/stencil-kitchen-sink/.storybook/main.js
@@ -1,3 +1,3 @@
 module.exports = {
-  stories: [`../**/*.stories.jsx`],
+  stories: [`../**/*.stories.@(jsx|tsx)`],
 };