Garrett Coughlin
10/19/2023, 10:42 PMDavid Herman
10/19/2023, 11:18 PMval VerticalDividerVariant by DividerStyle.addVariantBase {
Modifier
.borderTop {
width(0.px)
}
.maxWidth(0.percent)
.borderLeft(1.px, LineStyle.Solid, DividerVars.Color.value())
.fillMaxHeight(90.percent)
}
Then: Divider(variant = VerticalDividerVariant)
Row(Modifier.gap(20.px), verticalAlignment = Alignment.CenterVertically) {
Box(Modifier.size(200.px).background(Colors.Red))
Divider(variant = VerticalDividerVariant)
Box(Modifier.size(100.px).background(Colors.Green))
Divider(variant = VerticalDividerVariant)
Box(Modifier.size(150.px).background(Colors.Blue))
}
See attached screenshotGarrett Coughlin
10/19/2023, 11:30 PMDavid Herman
10/19/2023, 11:31 PMDivider(Modifier.width(1.px).height(100.px))
Garrett Coughlin
10/19/2023, 11:37 PMDivider(Modifier.width(1.px).height(100.px))
I tried something similar with the Box scope and was able to get a vertical line, but the issue is getting the height to be dynamic.David Herman
10/19/2023, 11:39 PMheight(90.percent)
Garrett Coughlin
10/19/2023, 11:44 PMDavid Herman
10/19/2023, 11:44 PMGarrett Coughlin
10/19/2023, 11:45 PMDavid Herman
10/19/2023, 11:45 PMGarrett Coughlin
10/19/2023, 11:45 PMDavid Herman
10/19/2023, 11:45 PMChristiano
10/20/2023, 10:43 AMDivider
deprecated in favor of the more specific one's like HorizontalDivider
and VerticalDivider
.
Not sure if you want to keep it close to the Android Jetpack Compose things. Or maybe that was already part of your plan 😅David Herman
10/20/2023, 4:44 PMVerticalDivider
. If you set your Kobweb version to 0.14.3-SNAPSHOT about...... 20 minutes after this comment is posted, you'll be able to use it today 🙂Garrett Coughlin
10/20/2023, 5:52 PM