Skip to main content

Divider

The Divider component is a thin line that separates content areas.

Style Attributes

NameTypeDefaultDescription
variantfull width
inset
middle
string
full widthDefines the display type to use.
orientationhorizontal
vertical
string
horizontalSpecifies the orientation of the divider.
absoluteboolfalseIf true, the divider will have absolute positioning.
flexItemboolfalseIf true, a vertical divider will have the correct height when used inside a flex container.
lightboolfalseIf true, the divider will have a lighter color.

For more detail on the Divider component, see the MUI developer docs.

on this page