Merge branch 'try-to-fix-popup-rc' of https://github.com/Vonage/vivid …

…into try-to-fix-popup-rc
Vonage · Feb 13, 2022 · 6fcf74d · 6fcf74d
2 parents 8a8cc52 + 71546b5
commit 6fcf74d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git 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;