Skip to content

Divider

Divider paints a noninteractive separator using the current DividerStyle. It is horizontal by default.

Column {
Text("General", TextRole::Title),
Divider(),
SettingsRows(),
}.With(Spacing(12.0F))

Use a vertical divider inside a row and give it an explicit or parent-constrained height:

Row {
Text("Local"),
Divider(Axis::Vertical).With(Frame{.height = 24.0F}),
Text("Remote"),
}.With(
Spacing(12.0F),
CrossAlign(CrossAxisAlignment::Center)
)

Themes control color and thickness through DividerStyle. A divider is decorative and does not expose an interactive semantic action.

  • Constructor: explicit Divider(Axis axis = Axis::Horizontal).
  • Common modifiers: Frame, Padding, Opacity.
  • Theme style: DividerStyle with color and thickness.

See Row and Column for the parent layouts that give a divider its axis and available extent.

Divider(Axis::Horizontal) and Divider(Axis::Vertical) describe the direction of the rule itself, not the direction in which neighboring content is laid out. The long dimension comes from the parent constraints or an explicit Frame; DividerStyle::thickness is the narrow dimension and color paints it.

This is the entire component-specific API in huxerui, <huxerui/view.h>. It has no callback or controlled value. Theme supplies both fields; use a local DividerStyle override for a subtree rather than changing unrelated foreground text color. A menu section boundary should use MenuSection, which participates in menu normalization and theme policy, rather than a Divider inserted as a menu item.