New Compose Multiplatform components arrived on Composables UICheck it out →


Vertical scrollbar that can be attached to some scrollable component (ScrollableColumn, LazyColumn) and share common state with it.

Can be placed independently.

Last updated:


dependencies {


fun VerticalScrollbar(
    adapter: ScrollbarAdapter,
    modifier: Modifier = Modifier,
    reverseLayout: Boolean = false,
    style: ScrollbarStyle = LocalScrollbarStyle.current,
    interactionSource: MutableInteractionSource? = null


adapter[ScrollbarAdapter] that will be used to communicate with scrollable component
modifierthe modifier to apply to this layout
reverseLayoutreverse the direction of scrolling and layout, when true and [LazyListState.firstVisibleItemIndex] == 0 then scrollbar will be at the bottom of the container. It is usually used in pair with LazyColumn(reverseLayout = true)
style[ScrollbarStyle] to define visual style of scrollbar
interactionSourceoptional [MutableInteractionSource] that will be used to dispatch [DragInteraction.Start] when this Scrollbar is being dragged.