Separator

New

Розділювач контенту з можливістю додавання тексту.

Import

import { Separator } from '@brutal-ui/react';

Horizontal Separator

Content above separator

Content below separator

<p>Content above</p>
<Separator />
<p>Content below</p>

With Label

Section One

Section Two

<Separator label='OR' />

Vertical Separator

Left
Right
<div className='flex items-center'>
  <div>Left</div>
  <Separator orientation='vertical' />
  <div>Right</div>
</div>

Props

PropTypeDefaultDescription
orientationstring"horizontal"horizontal | vertical
labelstring-Optional label text