@synerise/ds-divider

Divider UI Component for the Synerise Design System

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@synerise/ds-divider
88260.5.249 days ago3 years agoMinified + gzip package size for @synerise/ds-divider in KB

Readme

--- 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 | | 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 |