Divider

Divider UI Component

Usage

import Divider from '@synerise/ds-divider';

<div>

<span>Before Divider</span>

<Divider dashed />

<span>After Divider</span>

</div>

Demo

API

Property	Description	Type	Default
marginTop	Value for top margin	number	0
marginBottom	Value for bottom margin	number	0
labelAbove	Label to display above divider	ReactNode
labelBelow	Label to display below divider	ReactNode
className	ClassName of container	string	-
dashed	Whether line is dashed	boolean	false
orientation	Position of title inside divider	enum: left right center	center
style	Style object of container	React.CSSProperties	-
type	Direction type of divider	enum: horizontal vertical	horizontal