Divider

Divider for separating content blocks.

Horizontal Divider

Renders a horizontal divider by default.

import { Divider } from '@airo-ui/react'

function Demo() {
  return (
    <div>
      <p>Above content</p>
      <Divider />
      <p>Below content</p>
    </div>
  )
}

With Text

Insert text in the middle of the divider.

<p>Content area</p>
<Divider>Section</Divider>
<p>Another area</p>

Dashed

<Divider dashed />
<Divider dashed>Dashed Section</Divider>

API

Props

Name	Type	Default	Description
dashed	boolean	false	Dashed style
children	React.ReactNode	--	Text content in the middle