Divider

If you have two things that need to be separated, put a Divider between them.

Props

Component props
Name	Type	Default
No properties

Example

You can use this component for a visual divider between two elements.

Some content

Other content

<Box color="white">
  <Box padding={2}>
    <Text>Some content</Text>
  </Box>
  <Divider />
  <Box padding={2}>
    <Text>Other content</Text>
  </Box>
</Box>

<Box color="white">
  <Box padding={2}>
    <Text>Some content</Text>
  </Box>
  <Divider />
  <Box padding={2}>
    <Text>Other content</Text>
  </Box>
</Box>

Edit page on GitHub