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>