Divider

A line that acts as a separator/divider.

Similar to the <hr> element in usage, at least for the horizontal version.

May be used as a horizontal line or a vertical line/divider.

Technically, Mantine uses an empty element whose border acts as the visible line. The size determines the line's size.

The line's default color is?

The line does not have any margin by default, we use my or mx, or set the spacing at the parent level.

• orientation: set the line orientation, "horizontal" (default), or "vertical".
• size: set the line thickness, xs by default, aka 1px.
• variant: set a line variant: solid (default), dashed or dotted