Add rowHeightsOptions to main data grid docs page

cee-chen · cee-chen · commit 55a10693ba10 · 2021-09-30T09:23:38.000-07:00
diff --git a/src-docs/src/views/datagrid/datagrid_example.js b/src-docs/src/views/datagrid/datagrid_example.js
@@ -9,6 +9,7 @@ import {
   EuiDescriptionList,
   EuiCodeBlock,
   EuiText,
+  EuiLink,
   EuiSpacer,
 } from '../../../../src/components';
 
@@ -107,6 +108,14 @@ const gridSnippet = `
       rowHover: 'highlight',
       header: 'shade',
     }}
+    // Optional. Allows configuring the heights of grid rows
+    rowHeightsOptions={{
+      defaultHeight: 34,
+      rowHeights: {
+        0: auto
+      },
+      lineHeight: '1em',
+    }}
     // Optional. Provide additional schemas to use in the grid.
     // This schema 'franchise' essentially acts like a boolean, looking for Star Wars or Star Trek in a column.
     schemaDetectors={[
@@ -222,6 +231,20 @@ const gridConcepts = [
     description:
       'The total number of rows in the dataset (used by e.g. pagination to know how many pages to list).',
   },
+  {
+    title: 'rowHeightsOptions',
+    description: (
+      <span>
+        Allows configuring both default and specific heights of grid rows.
+        Accepts a partial <strong>EuiDataGridRowHeightsOptions</strong> object.
+        See{' '}
+        <EuiLink href="/#/tabular-content/data-grid-row-heights-options">
+          Data grid row heights options
+        </EuiLink>{' '}
+        for more details and examples.
+      </span>
+    ),
+  },
   {
     title: 'gridStyle',
     description: (
