Form Input di base

[snack-eater]

Comportamento atteso

Realizzare una componente di input form con lo stile di Design UI Kit.

Form input Bootstrap Italia

Possibili soluzioni

Creare delle componenti Angular che rispecchino l'esempio di utilizzo seguente:

<it-input 
        [id]="id"
        [name]="name"
	[type]="type" 
	[label]="label"
	[note]="note" 
	[placeholder]="placeholder"
	[icon]="icon"
	[disabled]="disabled"
	[readOnly]="readOnly"
	[(ngModel)]="model">
</it-input> 

La componente <it-input> indica un campo di input ed accetta i seguenti parametri:

• id: indica l'id dell'elemento HTML;
• name: indica l'attributo name del componente HTML;
• type: indica il tipo di campo. Puo' assumere i valori text, email, password e number;
• label: indica il valore della label da visualizzare;
• note: indica il testo di aiuto sotto la input;
• placeholder: indica il testo presente nel campo vuoto;
• icon: indica l'icona da visualizzare a sinistra del campo di input;
• disabled: (opzionale, default false) indica se il campo in questione è disabilitato. Accetta una espressione booleana o può essere usato come attributo senza valore;
• readOnly: (opzionale, default false) indica se il campo in questione è di sola lettura. Accetta una espressione booleana o può essere usato come attributo senza valore;
• ngModel: indica la compatibilita' con il binding bidirezionale sul valore della input.

[td-machineuser]

🎉 This issue has been resolved in version 0.9.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀