Divider UI Component
import Divider from '@synerise/ds-divider';
<div>
<span>Before Divider</span>
<Divider dashed />
<span>After Divider</span>
</div>
<iframe src="/storybook-static/iframe.html?id=components-divider--default"></iframe>
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 |