---
title: "display flex · RUAL Documentation"
description: "sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex (flex)."
canonical: https://docs.rual.nl/block-types/styling/uistyle_display_flex
language: en
---

# display flex

This block is part of the [`styling`](https://docs.rual.nl/block-types/styling) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex (flex).

- uistyle `uistyle`

A typical wiring for [display flex](https://docs.rual.nl/block-types/styling/uistyle_display_flex): the `uistyle` out pin feeds [regular card](https://docs.rual.nl/block-types/state%20ui/state_card).

![Studio canvas example for the display flex block: typical wiring for display flex.](https://docs.rual.nl/canvas-examples/uistyle_display_flex.png)

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).