Update documentation/examples

elastic · Jan 11, 2022 · 4064ded · 4064ded
1 parent 3f4282e
commit 4064ded
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src-docs/src/views/datagrid/datagrid_ref_example.js b/src-docs/src/views/datagrid/datagrid_ref_example.js
@@ -14,6 +14,9 @@ const dataGridRefSource = require('!!raw-loader!./ref');
 const dataGridRefSnippet = `const dataGridRef = useRef();
 <EuiDataGrid ref={dataGridRef} {...props} />
 
+// Mnaually toggle the data grid's full screen state
+dataGridRef.current.setIsFullScreen(true);
+
 // Mnaually focus a specific cell within the data grid
 dataGridRef.current.setFocusedCell({ rowIndex, colIndex });
 `;
@@ -37,6 +40,13 @@ export const DataGridRefExample = {
             the <EuiCode>ref</EuiCode> prop of EuiDataGrid. These methods are:
           </p>
           <ul>
+            <li>
+              <p>
+                <EuiCode>setIsFullScreen(isFullScreen)</EuiCode> - controls the
+                full screen state of the data grid. Accepts a true/false boolean
+                flag.
+              </p>
+            </li>
             <li>
               <EuiCode>setFocusedCell({'{ rowIndex, colIndex }'})</EuiCode> -
               focuses the specified cell in the grid.

diff --git a/src-docs/src/views/datagrid/ref.js b/src-docs/src/views/datagrid/ref.js
@@ -148,6 +148,14 @@ export default () => {
             Set cell focus
           </EuiButton>
         </EuiFlexItem>
+        <EuiFlexItem>
+          <EuiButton
+            size="s"
+            onClick={() => dataGridRef.current.setIsFullScreen(true)}
+          >
+            Set grid to full screen
+          </EuiButton>
+        </EuiFlexItem>
       </EuiFlexGroup>
       <EuiSpacer />