ConfirmDialog: add Story demonstrating 'Title' prop

WordPress · Apr 5, 2022 · 04961e7 · 04961e7
1 parent c6bd835
commit 04961e7
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/components/src/confirm-dialog/stories/index.js b/packages/components/src/confirm-dialog/stories/index.js
@@ -35,6 +35,7 @@ const Template = ( args ) => {
 	return (
 		<>
 			<ConfirmDialog
+				title={ args.title }
 				onConfirm={ () => setConfirmVal( confirmOutput ) }
 				onCancel={
 					args.cancelOutput
@@ -58,7 +59,14 @@ _default.args = {
 	text: daText(),
 };
 
-// To customize button text, decplace the `cancelButtonText` and/or `confirmButtonText` props.
+// To add a title, pass the `title` prop
+export const WithTitle = Template.bind( {} );
+WithTitle.args = {
+	title: 'Example Title',
+	text: daText(),
+};
+
+// To customize button text, pass the `cancelButtonText` and/or `confirmButtonText` props.
 export const withCustomButtonLabels = Template.bind( {} );
 withCustomButtonLabels.args = {
 	text: daText(),