Skip to main content
A divider is a thin line that groups content in lists and layouts.
<Paper padding={2}> <Typography paragraph>Lorem ipsum dolor Nelnet</Typography> <Divider margin={{ bottom: 2 }} /> <Typography>Lorem ipsum dolor Unifi</Typography></Paper>
<Paper padding={2}> <Typography paragraph>Lorem ipsum dolor Nelnet</Typography> <Divider variant="middle" margin={{ bottom: 2 }} /> <Typography>Lorem ipsum dolor Unifi</Typography></Paper>
<Paper padding={2}> <Typography paragraph>Lorem ipsum dolor Nelnet</Typography> <Divider variant="inset" margin={{ bottom: 2 }} /> <Typography>Lorem ipsum dolor Unifi</Typography></Paper>