Component

Divider

A FormaUI divider — a thin rule for separating content, delegating to Material 3's HorizontalDivider / VerticalDivider.

2 variantsThemed defaults

import dev.formaui.components.divider.FormaDivider

HorizontalVertical

Preview

This toggle is site chrome only — the preview has its own light/dark switch inside.

LIVE PREVIEW

Live preview — ~37 MB development build

Usage

KOTLIN

12345678910Column(verticalArrangement = Arrangement.spacedBy(FormaTheme.spacing.md)) {
    Text("Above")
    FormaDivider()
    Text("Below")
    Row(modifier = Modifier.height(FormaTheme.spacing.xl)) {
        Text("Left")
        FormaDivider(orientation = FormaDividerOrientation.Vertical)
        Text("Right")
    }
}

FormaDivider

Thin horizontal or vertical rule for separating content, chosen by the orientation parameter.

ParameterTypeDefaultDescription

modifierTypeModifierDefaultModifierDescriptionthe Modifier applied to the divider.

orientationTypeFormaDividerOrientationDefaultFormaDividerOrientation.HorizontalDescriptionwhether the rule runs horizontally or vertically (defaults to FormaDividerOrientation.Horizontal).

thicknessTypeDpDefaultDividerDefaults.ThicknessDescriptionthe stroke thickness (defaults to Material 3's hairline DividerDefaults.Thickness).

colorTypeColorDefaultDividerDefaults.colorDescriptionthe stroke color (defaults to Material 3's DividerDefaults.color).

Supporting API

FormaDividerOrientationenum: The direction the divider runs: Horizontal, Vertical.

Accessibility

Purely decorative: a divider carries no semantics and does not need a content description.

PreviousDialog Next DonutChart