Added snippet to EuiTreeView (#3230)

elastic · Apr 2, 2020 · afe4fea · afe4fea
1 parent c82f374
commit afe4fea
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/src-docs/src/views/tree_view/tree_view_example.js b/src-docs/src/views/tree_view/tree_view_example.js
@@ -16,6 +16,36 @@ const treeViewHtml = renderToHtml(TreeView);
 const treeViewCompressedSource = require('!!raw-loader!./compressed');
 const treeViewCompressedHtml = renderToHtml(TreeViewCompressed);
 
+const treeViewSnippet = [
+  `<EuiTreeView 
+  items={[
+    {
+      label: 'Item One',
+      id: 'item_one', 
+      icon: <EuiIcon type="arrowRight" />,
+      iconWhenExpanded: <EuiIcon type="arrowDown" />,
+      isExpanded: true,
+      children: [
+        {
+          label: 'Item A',
+          id: 'item_a',
+          icon: <EuiIcon type="document" />,
+        },
+        {
+          label: 'Item B',
+          id: 'item_b',
+          icon: <EuiIcon type="document" />,
+        },
+      ],
+    },
+    {
+      label: 'Item Two',
+      id: 'item_two',
+    }
+  ]}  
+/>`,
+];
+
 export const TreeViewExample = {
   title: 'Tree view',
   sections: [
@@ -51,6 +81,7 @@ export const TreeViewExample = {
       ),
       components: { EuiTreeView },
       demo: <TreeView />,
+      snippet: treeViewSnippet,
       props: { EuiTreeView, EuiTreeViewNode },
     },
     {