Skip to Content

RemixDivider

RemixDivider is a visual separator for splitting content into distinct sections. It renders a styled line — horizontal or vertical — with configurable thickness, color, spacing, and decoration.

You can use RemixDividerStyle to create styles with a fluent API. Example:

final style = RemixDividerStyle() .height(1) .width(300) .color(Colors.grey.shade400); RemixDivider(style: style)

The preview below shows this style applied.

Interactive Preview

Resolving preview metadata...

Fortal Styles

Remix ships prebuilt Fortal styles for this component. Call one of the helpers and pass it to the style parameter:

RemixDivider(style: FortalDividerStyle.horizontal()) RemixDivider(style: FortalDividerStyle.vertical())

See the FortalDividerStyle source  for the full set of options.

Constructor

PropTypeRequired / Default Value
styleRemixDividerStyleOptional, defaults to const RemixDividerStyle.create()
styleSpecRemixDividerSpec?Optional (resolved style spec)
keyKey?Optional

Style API Reference

Divider Methods

MethodDescription
colorSets the divider color.
thicknessSets the divider thickness (height for horizontal, width for vertical).
alignmentSets the container alignment.
decorationSets the container decoration.
foregroundDecorationSets a foreground decoration painted on top of the component.
constraintsSets size constraints on the component.
transformApplies a matrix transformation to the component.
animateSets the animation configuration.
wrapApplies widget modifiers such as clipping, opacity, or scaling.

Spacing

MethodDescription
paddingSets container padding.
marginSets container margin.
Last updated on

This package is currently in development — see GitHub for details.