Use Divider to render a horizontal or vertical line which will extend to parent node's width / height

It adds default styling and the className prop. Provide orientation as horizontal or vertical to achieve desirable output

<Divider orientation="vertical"/>

API Reference

Divider
PropTypeDefaultRequired
asJSX.IntrinsicElements--
orientation
"horizontal" | "vertical" | Partial<Record<Breakpoint, "horizontal" | "vertical">>
horizontal-