diff --git a/assets/js/base/components/checkbox-control/stories/index.js b/assets/js/base/components/checkbox-control/stories/index.js
new file mode 100644
index 00000000000..b08ef1e496f
--- /dev/null
+++ 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 CheckboxControl from '../';
+
+export default {
+	title: 'WooCommerce Blocks/@base-components/CheckboxControl',
+	component: CheckboxControl,
+};
+
+export const Default = () => {
+	const [ checked, setChecked ] = useState( false );
+
+	return (
+		<CheckboxControl
+			label={ text( 'Label', 'Yes please' ) }
+			checked={ checked }
+			onChange={ ( value ) => setChecked( value ) }
+		/>
+	);
+};