Composable Component
A drag handle is a capsule-like shape that can be used by users to change component size and/or
position by dragging. A typical usage of it will be pane expansion - when you split your screen
into multiple panes, a drag handle is suggested to be used so users can drag it to change the
proportion of how the screen is being split. Note that a vertically oriented drag handle is meant
to convey horizontal drag motions.
VerticalDragHandle
Common
```kotlin
@Composable
fun VerticalDragHandle(
modifier: Modifier = Modifier,
sizes: DragHandleSizes = VerticalDragHandleDefaults.sizes(),
colors: DragHandleColors = VerticalDragHandleDefaults.colors(),
shapes: DragHandleShapes = VerticalDragHandleDefaults.shapes(),
interactionSource: MutableInteractionSource? = null,
)
```
#### Parameters
| | |
| --- | --- |
| modifier | the `Modifier` to be applied to this drag handle. |
| sizes | sizes of this drag handle; see `VerticalDragHandleDefaults.sizes` for the default values. |
| colors | colors of this drag handle; see `VerticalDragHandleDefaults.colors` for the default values. |
| shapes | shapes of this drag handle; see `VerticalDragHandleDefaults.colors` for the default values. |
| interactionSource | an optional hoisted `MutableInteractionSource` for observing and emitting `Interaction`s for this drag handle. You can use this to change the drag handle's appearance or preview the drag handle in different states. Note that if `null` is provided, interactions will still happen internally. |