To install this Angular2 component, run:
$ npm install alep-ng2-input-box --saveThe styling depends on bootstrap 3.3.7
Inputs: @Input() private inFormControl: FormControl; @Input() private boxCssClass: string; @Input() private labelCssClass: string; @Input() private label: string = 'Value:'; @Input() private placeHolder: string; @Input() private type: string;
- inFormControl: FormControl (required) = FormControl instance to which the input box is connected
- boxCssClass: string (optional) = name of the css class to be used for styling the box. Default value is 'alep-ng2-input-box', as defined in 'components/input-box/alep-ng2-input-box-component.ts' or in 'components_dev/input-box/alep-ng2-input-box-component.css'
- labelCssClass: string (optional) = name of the css class to be used for styling the label. Default value is 'alep-ng2-input-box-label', as defined in 'components/input-box/alep-ng2-input-box-component.ts' or in 'components_dev/input-box/alep-ng2-input-box-component.css'
- label: string (optional) = text to be shown in the input box label. Default value is 'Value:'
- placeHolder: string (optional) = text to be shown in the input box placeholder. Default value is
'Insert ' + this.label.toLocaleLowerCase().substr(0, this.label.length - 1) - type: string (optional) = type of input to be received by the input box. Not fully implemented. Default value is 'password' if the label contains the word 'password', regardless of uppercase, otherwise the default value is 'text'. If the value is 'password', the input is shown as 'hidden'.
Source code can be found at:
https://github.com/alessioprestileo/alep-ng2-input-box.git
MIT © Alessio Prestileo