<div class='type'>Interface</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>



```kotlin
@LayoutScopeMarker
@JvmDefaultWithCompatibility
@ExperimentalFlexBoxApi
interface FlexBoxScope
```


Scope for the content of a `FlexBox`. Provides the `flex` modifier for configuring individual
flex item properties.


## Functions



<h2 id="flex-flexconfig">flex</h2>

```kotlin
fun Modifier.flex(flexConfig: FlexConfig): Modifier
```


Configures the flex properties of this element within the `FlexBox` using the provided
`FlexConfig`.

#### Parameters

| | |
| --- | --- |
| flexConfig | The flex configuration to apply. |





<hr class="docs-overload-divider">


<h2 id="flex-flexconfig-2">flex</h2>

```kotlin
fun Modifier.flex(flexConfig: FlexConfigScope.() -> Unit): Modifier
```


Configures the flex properties of this element within the `FlexBox` using a configuration
lambda.

This modifier allows you to specify how an individual item should share available space
(grow, shrink, basis) and how it aligns itself along the cross axis (alignSelf).

#### Parameters

| | |
| --- | --- |
| flexConfig | A lambda that configures the flex properties within a `FlexConfigScope`. |