DlSeparator is a thin divider line for separating content areas in layouts.

It supports horizontal and vertical orientation, uses a fixed `1px` thickness, and always stretches to 100% of the available size on its main axis.

Preview

Code

Container(
  width: 80,
  color: Colors.transparent,
  child: const DlSeparator(
    orientation: DlSeparatorOrientation.horizontal,
  ),
)

Copy

Usage

Add this code example to your project to see how the component works.

DlSeparator(
	orientation: DlSeparatorOrientation.horizontal
)

Copy

API Reference

DlSeparator is a simple divider component with a fixed 1px thickness and grey200 color. It supports horizontal and vertical orientation and always stretches to 100% of the available size on its main axis.

Prop

Type

Default

orientation

horizontal

vertical

horizontal

Examples

Variants

Preview

Code

Container(
  height: 80,
  color: Colors.transparent,
  child: const DlSeparator(
    orientation: DlSeparatorOrientation.vertical,
  ),
)

Copy

Discover more content

Figma

Github

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version