Browse components

Divider

import Divider from "@shpaw415/mui-lite/Divider";

Why use it

Divider separates content groups horizontally or vertically. Use between list sections, form blocks, or inline with a label (children).

Demo

Above

Below

OR
LeftRight

Example

import Divider from "@shpaw415/mui-lite/Divider";
 
<>
  <div>Section A</div>
  <Divider />
  <div>Section B</div>
  <Divider>OR</Divider>
</>

Props

PropTypeDefault
orientationhorizontal | verticalhorizontal
variantfullWidth | inset | middle
textAlignleft | center | rightcenter