Divider

Separate items or sections with a visible line, similar in essence to the <hr> element.

Under the hood, it is an empty element whose border acts as the visible line.

• The line is horizontal by default, we can set it to vertical with orientation.
• We set the line thickness with size. It defaults to 1px.
• The line is solid by default. We switch to dashed or dotted with variant.
• The line doesn't add margin around itself by default. We add margin with my or mx.
• The line's color defaults to:
  • --mantine-color-dark-4: #424242; in dark mode (dark gray)
  • --mantine-color-gray-3: #dee2e6; in light mode (light gray)