0.11.14 • Published 7 months ago

lct-components v0.11.14

Weekly downloads
-
License
MIT
Repository
github
Last release
7 months ago

LctComponents

This library was generated with Angular CLI version 12.1.0.

How to use

npm i lct-components --save
  • Import LctComponentsModule to component module
  • Add <lct-select></lct-select> to html component
  • add change title attribute
  • add options attribute to select options
  • get value selected with (value) when select change value

Example

Select

<lct-select
    title="Title to component"
    placeholder="Select option"
    (value)="changeSelect($event)"
    [options]="['Option one', 'option two']]"
>
</lct-select>

Select multiple

<lct-select-multiple [list]="list2"
                     placeholder="select options"
                     title="Insert title"
                     (shareCheckedList)="shareCheckedList($event)"
                     (shareIndividualCheckedList)="myFunction($event)">
</lct-select-multiple>

Input Text

<lct-input-text
  icon="assets/img/keyboard.svg"
  [showIcon]="true"
  (iconClick)="myFunction()"
  placeholder="Insert placeholder"
  [(ngModel)]="value"
  (enterEmitted)="myFunctionEnter($event)"
  iconPosition="right"
  title="Insert title"
></lct-input-text>

<lct-input-text
  [disabled]="true"
  icon="assets/img/keyboard.svg"
  [showIcon]="true"
  (iconClick)="myFunction()"
  (enterEmitted)="myFunctionEnter($event)"
  iconPosition="left"
></lct-input-text>

<lct-input-text
  (enterEmitted)="myFunctionEnter($event)"
  [(ngModel)]="value"
></lct-input-text>

Buttons

<lct-button  buttonType="primary" title="Primary"></lct-button>

<lct-button buttonType="secondary" title="Secondary"></lct-button>

<lct-button  buttonType="error" title="Error"></lct-button>

<lct-button buttonType="success" title="Success"></lct-button>

tooltip directive

<lct-button
  buttonType="primary"
  title="Primary"
  lctTooltip
  tooltipText="Tooltip from button 1"
  position="right"
  color="tertiary"
></lct-button>

<lct-button
  buttonType="secondary"
  title="Secondary"
  lctTooltip
  tooltipText="Tooltip from button 2"
  position="top"
  marginBottom="55px"
  color="primary"
  ></lct-button>

<lct-button
  [title]="'Estoy en'"
  buttonType="secondary"
  icon="./assets/img/Tienda.svg"
  lctModalTooltip
  [dateVersion]="'10/08/2022'"
  [version]="'1.0.0'"
  [widthModalConfig]="'458px'"
  [heightModalConfig]="'268px'"
  [nodes]="tiendas"
  (changeNode)="changeNode($event)"
  (openModalChangeNode)="openModalChangeNode($event)"
  [country]="'CL'"
  ></lct-button>

Overlay loading

yourComponent.html
...

<lct-loading #lctLoading></lct-loading>

...
-----------------------------------------------------------
yourComponent.ts
...
@ViewChild('lctLoading') lctLoading!: LoadingComponent;
...
MethodDescriptionExample
show(): voidshow overlaythis.lctLoading.show()
dismiss(): voidhide overlaythis.lctLoading.dismiss()

Rate experience

...

<lct-rate-experience  class="fixed-bottom-right" *ngIf="show" (sendVote)="sendVote($event)" (closeRate)="closeRate($event)" (skip)="skipRate($event)" [titleQuestion]="'¿Cómo te fue con la entrega al cliente?'"></lct-rate-experience>


...



> Version 0.11.14
>
> [(ngModel)] Can only be used at the moment for:
>
> > lct-input-text
> > lct-switch
0.11.12

7 months ago

0.11.13

7 months ago

0.11.14

7 months ago

0.11.8

10 months ago

0.11.9

9 months ago

0.11.4

11 months ago

0.11.6

10 months ago

0.11.7

10 months ago

0.11.10

9 months ago

0.11.11

9 months ago

0.11.1

11 months ago

0.11.2

11 months ago

0.11.3

11 months ago

0.12.0

11 months ago

0.10.6

1 year ago

0.10.7

1 year ago

0.9.11

1 year ago

0.10.1

1 year ago

0.10.2

1 year ago

0.10.3

1 year ago

0.10.4

1 year ago

0.10.5

1 year ago

0.9.10

1 year ago

0.9.9

1 year ago

0.9.8

1 year ago

0.9.7

1 year ago

0.9.6

1 year ago

0.9.0

2 years ago

0.9.2

2 years ago

0.9.1

2 years ago

0.9.4

2 years ago

0.9.3

2 years ago

0.9.5

2 years ago

0.8.1

2 years ago

0.8.0

2 years ago

0.7.11

2 years ago

0.7.10

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.7.4

2 years ago

0.7.3

2 years ago

0.7.0

2 years ago

0.7.9

2 years ago

0.7.6

2 years ago

0.7.5

2 years ago

0.7.8

2 years ago

0.7.7

2 years ago

0.5.10

3 years ago

0.5.11

3 years ago

0.5.8

3 years ago

0.5.7

3 years ago

0.5.9

3 years ago

0.6.3

3 years ago

0.5.4

3 years ago

0.6.2

3 years ago

0.5.3

3 years ago

0.5.6

3 years ago

0.5.5

3 years ago

0.5.0

3 years ago

0.6.1

3 years ago

0.5.2

3 years ago

0.6.0

3 years ago

0.5.1

3 years ago

0.4.5

3 years ago

0.4.4

3 years ago

0.4.6

3 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.4.3

3 years ago

0.4.2

3 years ago

0.3.0

3 years ago

0.2.1

3 years ago

0.1.2

3 years ago

0.2.0

3 years ago

0.3.2

3 years ago

0.2.3

3 years ago

0.3.1

3 years ago

0.2.2

3 years ago

0.1.3

3 years ago

0.3.3

3 years ago

0.1.1

3 years ago

0.0.10

3 years ago

0.1.0

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago