2.0.5 • Published 1 week ago
@synerise/ds-divider
Licence
ISC
Version
2.0.5
Deps
0
Vulns
0
Weekly
0
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
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 |
| style | Style object of container | React.CSSProperties | - |
| type | Direction type of divider | enum: horizontal vertical | horizontal |
| hiddenLine | Show only labels, hide the line | boolean | false |
| withSideMargin | Add 12px left/right margin to horizontal dividers | boolean | - |