Divider

Dividers provide explicit separation between groups of related content. Dividers can help to create levels of hierarchy within a page’s layout.

Props

className

String

margin

String

"my-2"

Examples

Default Usage

This is some content

This is some more content

<Card>
  <div className="p-4">
    This is some content
    <Divider />
    This is some more content
  </div>
</Card><Card>
  <div className="p-4">
    This is some content
    <Divider />
    This is some more content
  </div>
</Card>

Modify Margin Size