story for CheckboxControl aka Checkbox

woocommerce · Aug 20, 2020 · 27f749e · 27f749e
1 parent 55d563d
commit 27f749e
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/assets/js/base/components/checkbox-control/stories/index.js b/assets/js/base/components/checkbox-control/stories/index.js
@@ -0,0 +1,27 @@
+/**
+ * External dependencies
+ */
+import { text } from '@storybook/addon-knobs';
+import { useState } from 'react';
+
+/**
+ * Internal dependencies
+ */
+import Component from '../';
+
+export default {
+	title: 'WooCommerce Blocks/@base-components/CheckboxControl',
+	component: CheckboxControl,
+};
+
+export const CheckboxControl = () => {
+	const [ checked, setChecked ] = useState( false );
+
+	return (
+		<Component
+			label={ text( 'Label', 'Yes please' ) }
+			checked={ checked }
+			onChange={ ( value ) => setChecked( value ) }
+		/>
+	);
+};