Skip to main content

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.

<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>