Divide Style

Use divide-solid, divide-dashed, divide-dotted, divide-double, or divide-none to set the line style of dividers added by divide-x / divide-y. Dashed, dotted, and double strokes are painted by DivideStrokePainter (mirroring border-dashed’s DashedBorderPainter).

Setting the divider style

Use utilities like divide-dashed and divide-dotted to control the border style between child elements:

Style('grid grid-cols-3 divide-x-3 divide-dashed divide-indigo-500', children: [
  Text('01'),
  Text('02'),
  Text('03'),
])

Class reference

Class	Output
divide-solid	Solid divider lines (default)
divide-dashed	Dashed divider lines
divide-dotted	Dotted divider lines (round caps)
divide-double	Two parallel solid lines with a gap
divide-none	No divider line