From 7d537eff410a1631cc71add511db89e8bd5da664 Mon Sep 17 00:00:00 2001
From: Joe Vilches <joevilches@meta.com>
Date: Tue, 12 Mar 2024 11:31:46 -0700
Subject: [PATCH] Add display documentation (#1596)

Summary:
Pull Request resolved: https://github.com/facebook/yoga/pull/1596

tsia

Reviewed By: yungsters

Differential Revision: D54775960

fbshipit-source-id: 0d9e782cd9badb3071112038ff6ce40c2ae2c6e4
---
 website-next/docs/examples/display.mdx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/website-next/docs/examples/display.mdx b/website-next/docs/examples/display.mdx
index 97f80900..c3c2b016 100644
--- a/website-next/docs/examples/display.mdx
+++ b/website-next/docs/examples/display.mdx
@@ -2,4 +2,24 @@
 sidebar_position: 4
 ---
 
+import Playground from '@site/src/components/Playground';
+
 # Display
+
+Display controls which layout specification to follow.
+
+**Flex (default)**: The CSS Flexible Box Model specification.
+
+**None**: The node is removed from the layout tree and will not be visible.
+
+<Playground code={`<Layout config={{useWebDefaults: false}}>
+  <Node
+    style={{
+      width: 200,
+      height: 200,
+      padding: 20,
+    }}>
+    <Node style={{margin: 5, height: 50, display: 'flex'}} />
+    <Node style={{margin: 5, height: 50, display: 'none'}} />
+  </Node>
+</Layout>`} />