@synerise/ds-divider
TypeScript icon, indicating that this package has built-in type declarations

0.7.12 • Public • Published

id: divider title: Divider

Divider UI Component

Usage

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

<div>
  <span>Before Divider</span>
     <Divider dashed />
  <span>After Divider</span>
</div>

Demo

<iframe src="/storybook-static/iframe.html?id=components-divider--default"></iframe>

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

Readme

Keywords

none

Package Sidebar

Install

npm i @synerise/ds-divider

Weekly Downloads

16

Version

0.7.12

License

ISC

Unpacked Size

46.6 kB

Total Files

14

Last publish

Collaborators

  • synerise