Componenti Input KCS
Input Testo
<label class="kcs-form-label">Label campo</label> <input class="kcs-inputtext kcs-component" [(ngModel)]="model" name="field" placeholder="Inserisci testo..." />
Textarea
<label class="kcs-form-label">Note</label> <textarea class="kcs-inputtext kcs-component" rows="3" [(ngModel)]="model" name="note"></textarea>
Dropdown (p-dropdown)
<label class="kcs-form-label">Seleziona</label> <p-dropdown [options]="options" [(ngModel)]="selected" placeholder="Seleziona..." [showClear]="true" [filter]="true" optionLabel="label" optionValue="value" [style]="{ width: '100%' }"></p-dropdown>
Calendar (p-calendar)
<label class="kcs-form-label">Data</label> <p-calendar [(ngModel)]="dateValue" dateFormat="dd/mm/yy" placeholder="Seleziona data" [style]="{ width: '100%' }"></p-calendar>
Input Numerico (p-inputNumber)
<p-inputNumber [(ngModel)]="qty" [min]="0" [showButtons]="true"></p-inputNumber> <p-inputNumber [(ngModel)]="price" mode="currency" currency="EUR" locale="it-IT"></p-inputNumber>
Switch (p-inputSwitch)
<label class="kcs-form-label">Attivo</label> <p-inputSwitch [(ngModel)]="isActive"></p-inputSwitch>
MultiSelect (p-multiselect)
<p-multiselect [options]="options" [(ngModel)]="selected" optionLabel="label" optionValue="value" placeholder="Seleziona..." [style]="{ width: '100%' }"></p-multiselect>