Add stories

packages/components/src/sandbox/index.tsx

@@ -112,7 +112,7 @@ const style = `
 	}
 `;
 
-export default function SandBox( {
+function SandBox( {
 	html = '',
 	title = '',
 	type,
@@ -276,3 +276,5 @@ export default function SandBox( {
 		/>
 	);
 }
+
+export default SandBox;

packages/components/src/sandbox/stories/index.tsx

@@ -0,0 +1,32 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+
+/**
+ * Internal dependencies
+ */
+import SandBox from '..';
+
+const meta: ComponentMeta< typeof SandBox > = {
+	component: SandBox,
+	title: 'Components/SandBox',
+	argTypes: {
+		onFocus: { control: { type: null } },
+	},
+	parameters: {
+		actions: { argTypesRegex: '^on.*' },
+		controls: { expanded: true },
+		docs: { source: { state: 'open' } },
+	},
+};
+export default meta;
+
+const Template: ComponentStory< typeof SandBox > = ( args ) => (
+	<SandBox { ...args } />
+);
+
+export const Default = Template.bind( {} );
+Default.args = {
+	html: '<p>Arbitrary HTML content</p>',
+};