Divider

Examples

Dividers automatically adapt to horizontal and vertical layouts.

Column(
  children: [
    Text("Above"),
    Gap(theme.spacings.medium),
    NeoDivider(),
    Gap(theme.spacings.medium),
    Text("Below"),
  ],
),

label

String

Optional text label displayed in the center of the divider. Useful for semantic separation or indicating transitions between content sections.

color

Color

default:"theme.colors.borderTertiary"

The color of the divider line.

Semantic Separation: Use dividers to create logical groupings and improve content hierarchy
Label Usage: Use the label property to provide context for content transitions (e.g., “Settings”, “OR”, “Advanced Options”)
Spacing: Combine with appropriate padding or margins for optimal visual balance

Layout Detection: The widget automatically inspects its parent widget tree to determine orientation. If placed inside a Column, it renders horizontally; if inside a Row, it renders vertically.
Border Radius: Uses theme.radii.full for fully rounded edge caps in the default theme. Can be customized through the theming system.