Divider

Divider is a visual separator component that can be used to create horizontal or vertical divisions between content.

Usage

<Divider my={4} />

Vertical Divider

<Flexbox height="100px">
  <Box>Left</Box>
  <Divider orientation="vertical" mx={4} />
  <Box>Right</Box>
</Flexbox>

Props

Divider accepts all styled-system props from the following categories:

• Layout Props
• Space Props
• Color Props