0.0.9 • Published 3 years ago

sh-angular-divider v0.0.9

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Demo

Table of contents

Install

npm i sh-angular-divider

Quick start

import { ShAngularDividerModule } from "sh-angular-divider";

@NgModule({
  imports: [ShAngularDividerModule],
})
export class AppModule {}

In component

dividerConfig: IDividerConfig = {
  height: 2,
  lineStyle: "dashed",
  lineColor: "green",
  textColor: "green",
};
<sh-angular-divider
  [config]="dividerConfig"
  [text]="'my text'"
></sh-angular-divider>

Input

NameTypeDefaultRequired?Description
configIDividerConfig{}noDivider config
textnumber1pxnoText that you want to show in line

Config

NameTypeDefaultRequired?Description
heightnumber1pxnoLine height
textAlignstringcenternoAllowed values: left , right , center.
lineStylestringsolidnoAllowed values: dashed, dotted , solid , rounded
lineColorstringgraynoLine color.
textColorstringgraynoText color.
textClassstring-noSet style for text, you can add one or more class name split by space. for example:'class1 class2 class3'

Creator

Hakime sheikhalishahi

License

MIT