Title: FlexItem
Published: April 30, 2021
Last modified: September 4, 2026

---

# FlexItem

## In this article

 * [Usage](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#usage)
 * [Props](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#props)
    - [display: CSSProperties[‘display’]](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#display-csspropertiesdisplay)
    - [isBlock: boolean](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#isblock-boolean)

[ Back to top](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#wp--skip-link--target)

A layout component to contain items of a fixed width within `Flex`.

## 󠀁[Usage](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#usage)󠁿

See [`flex/README.md#usage`](https://developer.wordpress.org/block-editor/reference-guide/components/flex/flex/#usage)
for how to use `FlexItem`.

## 󠀁[Props](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#props)󠁿

### 󠀁[display: CSSProperties[‘display’]](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#display-csspropertiesdisplay)󠁿

The CSS display property of `FlexItem`.

 * Required: No

### 󠀁[isBlock: boolean](https://developer.wordpress.org/block-editor/reference-guides/components/flex-item/?output_format=md#isblock-boolean)󠁿

Determines if `FlexItem` should render as an adaptive full-width block.

 * Required: No
 * Default: `false`

First published

April 30, 2021

Last updated

September 4, 2026

Edit article

[ Improve it on GitHub: FlexItem ](https://github.com/WordPress/gutenberg/edit/trunk/packages/components/src/flex/flex-item/README.md)

[  Previous: FlexBlock](https://developer.wordpress.org/block-editor/reference-guides/components/flex-block/)

[  Next: Flex](https://developer.wordpress.org/block-editor/reference-guides/components/flex/)