Divider

Examples

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

Row(
  children: [
    Text("Left"),
    Gap(theme.spacings.medium),
    NeoDivider(),
    Gap(theme.spacings.medium),
    Text("Right"),
  ],
),

Column(
  children: [
    // ... Sign in form ...
    NeoDivider(label: "Or"),
    // ... Other sign in options ...
  ],
),

Row(
  children: [
    // ... Left content ...
    NeoDivider(label: "Before -> After"),
    // ... Right content ...
  ],
),

String

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

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.