Separator

import { Separator } from '@soft-ui/react/separator'

export default function Example() {
  return (
    <div>
      <p>Content above</p>
      <Separator />
      <p>Content below</p>
    </div>
  )
}

<div className="space-y-4">
  <p>Section one</p>
  <Separator orientation="horizontal" />
  <p>Section two</p>
</div>

<div className="flex items-center gap-4 h-8">
  <span>Item 1</span>
  <Separator orientation="vertical" />
  <span>Item 2</span>
  <Separator orientation="vertical" />
  <span>Item 3</span>
</div>

<Separator decorative />