# composed

Common/AllAndroid/JVM

## Functions summary

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)( inspectorInfo: https://developer.android.com/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, factory: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.() -> https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier )` Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)( fullyQualifiedName: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, key1: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, inspectorInfo: https://developer.android.com/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, factory: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.() -> https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier )` Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)( fullyQualifiedName: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, vararg keys: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, inspectorInfo: https://developer.android.com/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, factory: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.() -> https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier )` Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)( fullyQualifiedName: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, key1: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, key2: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, inspectorInfo: https://developer.android.com/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, factory: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.() -> https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier )` Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)( fullyQualifiedName: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, key1: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, key2: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, key3: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?, inspectorInfo: https://developer.android.com/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, factory: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.() -> https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier )` Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. | Cmn |

## Functions

### Modifier.composed

Cmn Artifact: [androidx.compose.ui:ui](https://developer.android.com/jetpack/androidx/releases/compose-ui) [View Source](https://cs.android.com/search?q=file:androidx/compose/ui/ComposedModifier.kt+function:composed)

```
fun Modifier.composed(
    inspectorInfo: InspectorInfo.() -> Unit = NoInspectorInfo,
    factory: @Composable Modifier.() -> Modifier
): Modifier
```

Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)` may be used to implement **stateful modifiers** that have instance-specific state for each modified element, allowing the same `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` instance to be safely reused for multiple elements while maintaining element-specific state.

If `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)` is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.

Example usage:

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo

// let's create your own custom stateful modifier
fun Modifier.myColorModifier(color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myColorModifier"
                // specify a single argument as the value when the argument name is irrelevant
                value = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo
import androidx.compose.ui.unit.Dp

// let's create your own custom stateful modifier with multiple arguments
fun Modifier.myModifier(width: Dp, height: Dp, color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myModifier"
                // add name and value of each argument
                properties["width"] = width
                properties["height"] = height
                properties["color"] = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

`https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.runtime.Composer).materialize(androidx.compose.ui.Modifier)` must be called to create instance-specific modifiers if you are directly applying a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to an element tree node.

### Modifier.composed

Cmn Artifact: [androidx.compose.ui:ui](https://developer.android.com/jetpack/androidx/releases/compose-ui) [View Source](https://cs.android.com/search?q=file:androidx/compose/ui/ComposedModifier.kt+function:composed)

```
fun Modifier.composed(
    fullyQualifiedName: String,
    key1: Any?,
    inspectorInfo: InspectorInfo.() -> Unit = NoInspectorInfo,
    factory: @Composable Modifier.() -> Modifier
): Modifier
```

Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)` may be used to implement **stateful modifiers** that have instance-specific state for each modified element, allowing the same `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` instance to be safely reused for multiple elements while maintaining element-specific state.

When keys are provided, `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)` produces a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will compare `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/equals.html` to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)` should be the fully-qualified `import` name for your modifier factory function, e.g. `com.example.myapp.ui.fancyPadding`.

If `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)` is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.

Example usage:

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo

// let's create your own custom stateful modifier
fun Modifier.myColorModifier(color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myColorModifier"
                // specify a single argument as the value when the argument name is irrelevant
                value = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo
import androidx.compose.ui.unit.Dp

// let's create your own custom stateful modifier with multiple arguments
fun Modifier.myModifier(width: Dp, height: Dp, color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myModifier"
                // add name and value of each argument
                properties["width"] = width
                properties["height"] = height
                properties["color"] = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

`https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.runtime.Composer).materialize(androidx.compose.ui.Modifier)` must be called to create instance-specific modifiers if you are directly applying a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to an element tree node.

### Modifier.composed

Cmn Artifact: [androidx.compose.ui:ui](https://developer.android.com/jetpack/androidx/releases/compose-ui) [View Source](https://cs.android.com/search?q=file:androidx/compose/ui/ComposedModifier.kt+function:composed)

```
fun Modifier.composed(
    fullyQualifiedName: String,
    vararg keys: Any?,
    inspectorInfo: InspectorInfo.() -> Unit = NoInspectorInfo,
    factory: @Composable Modifier.() -> Modifier
): Modifier
```

Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)` may be used to implement **stateful modifiers** that have instance-specific state for each modified element, allowing the same `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` instance to be safely reused for multiple elements while maintaining element-specific state.

When keys are provided, `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)` produces a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will compare `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/equals.html` to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)` should be the fully-qualified `import` name for your modifier factory function, e.g. `com.example.myapp.ui.fancyPadding`.

If `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)` is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.

Example usage:

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo

// let's create your own custom stateful modifier
fun Modifier.myColorModifier(color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myColorModifier"
                // specify a single argument as the value when the argument name is irrelevant
                value = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo
import androidx.compose.ui.unit.Dp

// let's create your own custom stateful modifier with multiple arguments
fun Modifier.myModifier(width: Dp, height: Dp, color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myModifier"
                // add name and value of each argument
                properties["width"] = width
                properties["height"] = height
                properties["color"] = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

`https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.runtime.Composer).materialize(androidx.compose.ui.Modifier)` must be called to create instance-specific modifiers if you are directly applying a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to an element tree node.

### Modifier.composed

Cmn Artifact: [androidx.compose.ui:ui](https://developer.android.com/jetpack/androidx/releases/compose-ui) [View Source](https://cs.android.com/search?q=file:androidx/compose/ui/ComposedModifier.kt+function:composed)

```
fun Modifier.composed(
    fullyQualifiedName: String,
    key1: Any?,
    key2: Any?,
    inspectorInfo: InspectorInfo.() -> Unit = NoInspectorInfo,
    factory: @Composable Modifier.() -> Modifier
): Modifier
```

Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` may be used to implement **stateful modifiers** that have instance-specific state for each modified element, allowing the same `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` instance to be safely reused for multiple elements while maintaining element-specific state.

When keys are provided, `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` produces a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will compare `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/equals.html` to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` should be the fully-qualified `import` name for your modifier factory function, e.g. `com.example.myapp.ui.fancyPadding`.

If `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.

Example usage:

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo

// let's create your own custom stateful modifier
fun Modifier.myColorModifier(color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myColorModifier"
                // specify a single argument as the value when the argument name is irrelevant
                value = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo
import androidx.compose.ui.unit.Dp

// let's create your own custom stateful modifier with multiple arguments
fun Modifier.myModifier(width: Dp, height: Dp, color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myModifier"
                // add name and value of each argument
                properties["width"] = width
                properties["height"] = height
                properties["color"] = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

`https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.runtime.Composer).materialize(androidx.compose.ui.Modifier)` must be called to create instance-specific modifiers if you are directly applying a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to an element tree node.

### Modifier.composed

Cmn Artifact: [androidx.compose.ui:ui](https://developer.android.com/jetpack/androidx/releases/compose-ui) [View Source](https://cs.android.com/search?q=file:androidx/compose/ui/ComposedModifier.kt+function:composed)

```
fun Modifier.composed(
    fullyQualifiedName: String,
    key1: Any?,
    key2: Any?,
    key3: Any?,
    inspectorInfo: InspectorInfo.() -> Unit = NoInspectorInfo,
    factory: @Composable Modifier.() -> Modifier
): Modifier
```

Declare a just-in-time composition of a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will be composed for each element it modifies. `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` may be used to implement **stateful modifiers** that have instance-specific state for each modified element, allowing the same `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` instance to be safely reused for multiple elements while maintaining element-specific state.

When keys are provided, `https://developer.android.com/reference/kotlin/androidx/compose/ui/composed.modifier#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` produces a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that will compare `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/equals.html` to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` should be the fully-qualified `import` name for your modifier factory function, e.g. `com.example.myapp.ui.fancyPadding`.

If `https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)` is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.

Example usage:

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo

// let's create your own custom stateful modifier
fun Modifier.myColorModifier(color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myColorModifier"
                // specify a single argument as the value when the argument name is irrelevant
                value = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.debugInspectorInfo
import androidx.compose.ui.unit.Dp

// let's create your own custom stateful modifier with multiple arguments
fun Modifier.myModifier(width: Dp, height: Dp, color: Color) =
    composed(
        // pass inspector information for debug
        inspectorInfo =
            debugInspectorInfo {
                // name should match the name of the modifier
                name = "myModifier"
                // add name and value of each argument
                properties["width"] = width
                properties["height"] = height
                properties["color"] = color
            },
        // pass your modifier implementation that resolved per modified element
        factory = {
            // add your modifier implementation here
            Modifier
        },
    )
```

`https://developer.android.com/reference/kotlin/androidx/compose/ui/package-summary#(androidx.compose.runtime.Composer).materialize(androidx.compose.ui.Modifier)` must be called to create instance-specific modifiers if you are directly applying a `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to an element tree node.