Divider

Provide a separation between items.

Item 1

Item 1

Heavy Divider so it stands out

Item 1
Check

out

Collapse

for this use case
<SpacedGroup direction="vertical" xs={16}>
    <SpacedGroup direction="vertical">
      <div>Item 1
      <Divider />
      <div>Item 1</div>
      <Divider />
      <div>Heavy Divider so it stands out</div>
      <Divider heavy />
      <div>Item 1</div>
    </SpacedGroup>
    <SpacedGroup direction="vertical">
      <div>Check</div>
      <Divider borderLeft="24px solid red" borderRight="24px solid red" />
      <div>out</div>
      <Divider borderLeft="42px solid red" borderRight="42px solid red" />
      <div>Collapse</div>
      <Divider heavy borderLeft="100px solid red" />
      <div>for this use case</div>
    </SpacedGroup>
  </SpacedGroup>
</Playground>

API