Display is basically the layout of the element. You can find multiple settings available in CodeDesign for Display such as:

​1. Block

2. Inline block

3. Flex

4. None

Block : Block is the default display setting for most elements. A block (when its width is set to auto) takes up the maximum width of a canvas and not limit itself to just the actual space it needs. For example : Div

The subsequent blocks are by default pushed to the next line.

Flex : Flexbox is a one-dimensional layout model that allows you to define the size and position of items independently.

To know more, read our Flexbox documentation page which covers the topic in depth.

Inline Blocks : Here in contrary, an inline block only takes up the space it needs. They are stacked one after the other. For example : Text

None : This setting helps you to completely hide an element from the Canvas. These elements are not rendered by the browser, so – this feature along with CodeDesign Functions can be used to show/hide elements in response to certain events. For example, hide an element when a button is clicked.