---
title: "indication"
description: "Draws visual effects for this component when interactions occur."
type: "modifier"
---

<div class='type'>Compose Modifier</div>

<a id='references'></a>
<div class='sourceset sourceset-common'>Common</div>


```kotlin
fun Modifier.indication(interactionSource: InteractionSource, indication: Indication?): Modifier
```


Draws visual effects for this component when interactions occur.

#### Parameters

| | |
| --- | --- |
| interactionSource | `InteractionSource` that will be used by `indication` to draw visual effects - this `InteractionSource` represents the stream of `Interaction`s for this component. |
| indication | `Indication` used to draw visual effects. If `null`, no visual effects will be shown for this component. |




## Code Examples
### IndicationSample
```kotlin
@Composable
fun IndicationSample() {
    val interactionSource = remember { MutableInteractionSource() }
    Column {
        Text(
            text = "Click me and my neighbour will indicate as well!",
            modifier =
                Modifier
                    // clickable will dispatch events using MutableInteractionSource
                    .clickable(
                        interactionSource = interactionSource,
                        indication = LocalIndication.current,
                    ) {
                        /** do something */
                    }
                    .padding(10.dp),
        )
        Spacer(Modifier.requiredHeight(10.dp))
        Text(
            text = "I'm neighbour and I indicate when you click the other one",
            modifier =
                Modifier
                    // this element doesn't have a click, but will show default indication from the
                    // CompositionLocal as it accepts the same MutableInteractionSource
                    .indication(interactionSource, LocalIndication.current)
                    .padding(10.dp),
        )
    }
}
```