LCT basic components
npm install lct-componentsThis library was generated with Angular CLI version 12.1.0.
``
npm i lct-components --save
- Import LctComponentsModule to component module
- Add to html componenttitle
- add change attributeoptions
- add attribute to select options(value)
- get value selected with when select change value
`
placeholder="Select option"
(value)="changeSelect($event)"
[options]="['Option one', 'option two']]"
>
`
title="Insert title"
(shareCheckedList)="shareCheckedList($event)"
(shareIndividualCheckedList)="myFunction($event)">
#### Input Text
`
[showIcon]="true"
(iconClick)="myFunction()"
placeholder="Insert placeholder"
[(ngModel)]="value"
(enterEmitted)="myFunctionEnter($event)"
iconPosition="right"
title="Insert title"
>
icon="assets/img/keyboard.svg"
[showIcon]="true"
(iconClick)="myFunction()"
(enterEmitted)="myFunctionEnter($event)"
iconPosition="left"
>
[(ngModel)]="value"
>
`
`
`
`
title="Primary"
lctTooltip
tooltipText="Tooltip from button 1"
position="right"
color="tertiary"
>
title="Secondary"
lctTooltip
tooltipText="Tooltip from button 2"
position="top"
marginBottom="55px"
color="primary"
>
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'"
>
`
`
yourComponent.html
...
...
-----------------------------------------------------------
yourComponent.ts
...
@ViewChild('lctLoading') lctLoading!: LoadingComponent;
...
`
| Method | Description | Example |
| --------------- | ------------ | ------------------------- |
| show(): void | show overlay | this.lctLoading.show() |
| dismiss(): void | hide overlay | this.lctLoading.dismiss() |
`
...
...
> Version 0.12.9
>
> [(ngModel)] Can only be used at the moment for:
>
> > lct-input-text
> > lct-switch
``