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

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


<h2 id="scrollable2d-state-enabled-overscrolleffect-flingbehavior-interactionsource">scrollable2D</h2>

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


```kotlin
fun Modifier.scrollable2D(
    state: Scrollable2DState,
    enabled: Boolean = true,
    overscrollEffect: OverscrollEffect? = null,
    flingBehavior: FlingBehavior? = null,
    interactionSource: MutableInteractionSource? = null,
) =
    this then
        Scrollable2DElement(state, overscrollEffect, enabled, flingBehavior, interactionSource)
```


Configure touch scrolling and flinging for the UI element in both XY orientations.

Users should update their state themselves using default `Scrollable2DState` and its
`consumeScrollDelta` callback or by implementing `Scrollable2DState` interface manually and
reflect their own state in UI when using this component.

If you don't need to have fling or nested scroll support, but want to make component simply
draggable, consider using `draggable2D`. If you're only interested in a single direction scroll,
consider using `scrollable`.

This overload provides the access to `OverscrollEffect` that defines the behaviour of the over
scrolling logic. Use `androidx.compose.foundation.rememberOverscrollEffect` to create an instance
of the current provided overscroll implementation.

#### Parameters

| | |
| --- | --- |
| state | `Scrollable2DState` state of the scrollable. Defines how scroll events will be interpreted by the user land logic and contains useful information about on-going events. |
| enabled | whether or not scrolling is enabled |
| overscrollEffect | effect to which the deltas will be fed when the scrollable have some scrolling delta left. Pass `null` for no overscroll. If you pass an effect you should also apply `androidx.compose.foundation.overscroll` modifier. |
| flingBehavior | logic describing fling behavior when drag has finished with velocity. If `null`, default from `ScrollableDefaults.flingBehavior` will be used. |
| interactionSource | `MutableInteractionSource` that will be used to emit drag events when this scrollable is being dragged. |