0.0.5 • Published 1 year ago
strewlabs-input v0.0.5
StrewLabs | Input
This is an Angular template code that represents a form input field. The input field is created using the "input" HTML tag and it has several properties assigned to it such as type, style, required, ngModel, disabled, and event listeners for keyup and change events. The input is also surrounded by several other HTML elements such as a label, a highlight and a bar element, which could be used for styling purposes. The presence of these elements and the input field is conditionally controlled by the "ngIf" directive.
How to use
1. install npm i strewlabs-input
2. Add SlInputModule to imports in app.module.ts file
3. You may add input fields by using the <sl-input></sl-input> tag
4. Also, you can use inputs/outputs to customize as per your requirement
Inputs
| Name | Is Required | Default Value | Description |
|---|---|---|---|
| labelName | No | ' ' | Label for the input field |
| labelStyles | No | - | - |
| underlineColor | No | #5264AE | - |
| inputType | No | Text | - |
| width | No | 300px | - |
| required | No | true | - |
| disabled | No | false | - |
| inputValue | No | - | - |
Outputs
| Name | Description |
|---|---|
| value | user input value |
| dynamicValue | dynamic user input value |