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

8 months ago

0.11.13

8 months ago

0.11.14

7 months ago

0.11.8

11 months ago

0.11.9

10 months ago

0.11.4

11 months ago

0.11.6

11 months ago

0.11.7

11 months ago

0.11.10

10 months ago

0.11.11

10 months ago

0.11.1

12 months ago

0.11.2

12 months ago

0.11.3

11 months ago

0.12.0

12 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

4 years ago

0.0.8

4 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