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: 10, }}> <Node style={{margin: 5, height: 50, display: 'none'}} /> <Node style={{margin: 5, height: 50, display: 'flex'}} /> </Node> </Layout>} />