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

PropertyDescriptionTypeDefault
marginTopValue for top marginnumber0
marginBottomValue for bottom marginnumber0
classNameClassName of containerstring-
dashedWhether line is dashedbooleanfalse
orientationPosition of title inside dividerenum: left right centercenter
styleStyle object of containerReact.CSSProperties-
typeDirection type of dividerenum: horizontal verticalhorizontal