+
+`;
diff --git a/x-pack/plugins/canvas/public/components/workpad_templates/examples/workpad_templates.stories.tsx b/x-pack/plugins/canvas/public/components/workpad_templates/examples/workpad_templates.stories.tsx
new file mode 100644
index 0000000000000..de4958a54ae8b
--- /dev/null
+++ b/x-pack/plugins/canvas/public/components/workpad_templates/examples/workpad_templates.stories.tsx
@@ -0,0 +1,44 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { WorkpadTemplates } from '../workpad_templates';
+import { CanvasTemplate } from '../../../../types';
+
+const templates: Record
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | + + | +
+
+
+ Description
+
+
+ |
+
+
+
+ Tags
+
+
+ |
+
|---|---|---|
|
+
+ Template name
+
+
+
+
+ |
+
+
+ Description
+
+
+
+ This is a test template
+
+
+ |
+
+
+ Tags
+
+
+
+
+
+
+
+
+
+
+
+ tag1
+
+
+
+
+
+
+
+
+
+ tag2
+
+ |
+
|
+
+ Template name
+
+
+
+
+ |
+
+
+ Description
+
+
+
+ This is a second test template
+
+
+ |
+
+
+ Tags
+
+
+
+
+
+
+
+
+
+
+
+ tag2
+
+
+
+
+
+
+
+
+
+ tag3
+
+ |
+
+
+
+
+
+
+
+
+
+ {story()}
)
+ .add('default', () => {
+ const onCreateFromTemplateAction = action('onCreateFromTemplate');
+ return (
+
+
+);
+export const WorkpadTemplates: FunctionComponent