ui/org.jetbrains.jewel.ui.component/HorizontalSplitLayout

HorizontalSplitLayout

@Composable
fun HorizontalSplitLayout(first: @Composable () -> Unit, second: @Composable () -> Unit, modifier: Modifier = Modifier, dividerStyle: DividerStyle = JewelTheme.dividerStyle, draggableWidth: Dp = 8.dp, firstPaneMinWidth: Dp = Dp.Unspecified, secondPaneMinWidth: Dp = Dp.Unspecified, state: SplitLayoutState = rememberSplitLayoutState())

A customizable horizontal split layout Composable function that allows you to divide the available space between two components using a draggable divider. The divider can be dragged to resize the panes, but cannot be focused.

Parameters

first

The Composable function representing the first component, that will be placed on one side of the divider, typically on the left or above.

second

The Composable function representing the second component, that will be placed on the other side of the divider, typically on the right or below.

modifier

The modifier to be applied to the layout.

draggableWidth

The width of the draggable area around the divider. This is a invisible, wider area around the divider that can be dragged by the user to resize the panes.

firstPaneMinWidth

The minimum size of the first component.

secondPaneMinWidth

The minimum size of the second component.

dividerStyle

The divider style to be applied to the layout.

state

The SplitLayoutState object that will be used to store the split state.