From 71546b544eb2cc74d4094c6eb92c06f89357136a Mon Sep 17 00:00:00 2001
From: Rina <rina.oksman@vonage.com>
Date: Sun, 13 Feb 2022 16:55:35 +0200
Subject: [PATCH] update story

---
 components/popup/stories/popup.stories.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/popup/stories/popup.stories.js b/components/popup/stories/popup.stories.js
index 12551b8c31..4326192fc4 100644
--- a/components/popup/stories/popup.stories.js
+++ b/components/popup/stories/popup.stories.js
@@ -34,7 +34,7 @@ const Template = args => html`
 		}
 	</style>
 	<div class="popup-wrapper">
-		<vwc-button id="buttonAnchor" layout="outlined" outlined aria-haspopup="true" aria-describedby="popup" @click=${onClick}>Click to open popup</vwc-button>
+		<vwc-button id="buttonAnchor" layout="outlined" outlined aria-haspopup="true" aria-describedby="popup" @click=${onClick}>Click on me</vwc-button>
 		<vwc-popup id="popup" anchor="buttonAnchor" ...=${spread(args)}>
 			<div class="content">
 				<vwc-text font-face="body-1-bold" tight><p class="line">Popup title</p></vwc-text>
@@ -45,15 +45,16 @@ const Template = args => html`
 	`;
 
 export const Basic = Template.bind({});
+Basic.args = { open: true };
 
 export const WithArrow = Template.bind({});
-WithArrow.args = { arrow: true, corner: "right" };
+WithArrow.args = { open: true, arrow: true, corner: "right" };
 
 export const Alternate = Template.bind({});
-Alternate.args = { arrow: true, corner: "bottom", alternate: true };
+Alternate.args = { open: true, arrow: true, corner: "bottom", alternate: true };
 
 export const Dismissible = Template.bind({});
-Dismissible.args = { dismissible: true, corner: "top" };
+Dismissible.args = { open: true, dismissible: true, corner: "top" };
 
 function onClick() {
 	popup.open = !popup.open;