From 19b36b02fa8602172aedfaa6bc772dd6fcd24276 Mon Sep 17 00:00:00 2001
From: David Marcu <marcu1david@gmail.com>
Date: Thu, 12 Mar 2020 22:00:07 +0200
Subject: [PATCH] chore(steps): fix steps storybook event examples (#637)

---
 packages/steps/stories/index.stories.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/steps/stories/index.stories.mdx b/packages/steps/stories/index.stories.mdx
index 301f49d55..c6aeb139c 100644
--- a/packages/steps/stories/index.stories.mdx
+++ b/packages/steps/stories/index.stories.mdx
@@ -118,7 +118,7 @@ If you have an intermediate step loading data via AJAX request and then automati
 If you need to be notified when transition between steps happens use `transition` event providing steps data:
 
 ```html
-<lion-steps on-transition="onTransition">
+<lion-steps @transition="${onTransition}">
   <lion-step>Step 1</lion-step>
   <lion-step>Step 2</lion-step>
   <lion-step>Step 3</lion-step>
@@ -140,9 +140,9 @@ For notifications about specific step status change you can use individual event
 
 ```html
 <lion-steps>
-  <lion-step on-left="onLeft">Step 1</lion-step>
-  <lion-step on-skipped="onSkipped">Step 2</lion-step>
-  <lion-step on-entered="onEntered">Step 3</lion-step>
+  <lion-step @leave="${onLeave}">Step 1</lion-step>
+  <lion-step @skip="${onSkip}">Step 2</lion-step>
+  <lion-step @enter="${onEnter}">Step 3</lion-step>
 </lion-steps>
 ```