Separator

A visual divider between content sections.

Import

import { Separator } from '@oztix/roadie-components'

Examples

Default

<div className='grid gap-3'>
  <p>Content above</p>
  <Separator />
  <p>Content below</p>
</div>

Variants

Use orientation='vertical' for a vertical divider.

<div className='flex flex-row items-center gap-3 h-6'>
  <p>Left</p>
  <Separator orientation='vertical' />
  <p>Right</p>
</div>