Divider

Use GdsDivider to separate content with a 1px horizontal or vertical line. It is a thin wrapper around MUI Divider with GDS color variants.

Default

The default divider is horizontal and uses the subtle color.

Colors

Use subtle for low-emphasis separation, medium for stronger section separation, and strong when the line needs clear visual weight. For a custom color, pass a custom borderColor through sx.

Orientation

Use orientation="vertical" with flexItem when the divider is inside a flex layout.

Props