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>