---
name: Divider
menu: Components
---

import PropsTable from 'website-src/components/PropsTable'
import { livePreviewStyle } from '../helpers/constants'
import Divider from './Divider'
import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live'

# Divider

This component is an `hr` that can be used to separate out sections of a form or other content.

## Basic usage

### Try it out

export const code = `<Divider margin={4} />`

<LiveProvider code={code} scope={{ Divider }}>
  <LiveEditor style={livePreviewStyle} />
  <LiveError />
  <LivePreview />
</LiveProvider>

## Properties

<PropsTable of={Divider} />