Divider

A Divider draws a solid horizontal line between two blocks of content, here with size="small" for tighter spacing.

Set variant to solid, dashed, dotted or wave to change how the line is drawn, from a straight rule to a scalloped one.

Set size to change the space above and below the line, from none, which sits flush, to large, the default.

Set vertical to run the line between inline items, like links or the details of a post, in any variant.

Pass children to put a title in the middle of the line, such as a word or an icon with a label.

Set titlePlacement to start, center or end to move the title along the line, and it flips on its own in right-to-left layouts.

Set plain to show the title at body weight, for a short label on the line like "or" rather than a section name.

Pass any node as children, like a button or a dropdown, and clear the title's side padding with classNames so the line meets it.