TrademarkTrademark
Docs
Ctrl k
Search docs...
Components

Line

Updated: May 9, 2025
View on GitHub

The Line component is used to create horizontal or vertical divider lines with consistent styling. It's useful for visually separating content sections in your application.

Vertical line

Use the vert prop to create a vertical line instead of a horizontal one.

Custom styling

The Line component inherits all Flex props, allowing for customization of its appearance.

Spacing

Add margin to create space around the line.

API reference

Type
Default
vert
Draw it vertically instead of horizontally.
boolean—
style
React.CSSProperties—
…and every FlexProps propinherited—
className
string—
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club