🔹 Description
To followAn input where in user can type in long message.
...
🔹System Dependencies
...
Code Block | ||
---|---|---|
| ||
import { InputSelectionHandler} from 'empower-inputs'; let [formElement, setFormElement] = useState<IState['formElement']>useState({ sampleTextarea: { id: 'sampleTextarea', type: 'textarea', value: '', maxLength: 100, placeholder: 'Input text', disabled: false, required: true, rows:10, cols:10 } }); .............. return ( <> <h4>TEXTAREA (ALLOW SPECIAL CHAR)</h4> <InputSelectionHandler config={formElement.sampleTextareaSpecial} customClass="textarea-allow-special-custom-class" onChanged={(e: any) => inputChangedHandler(e, 'sampleTextareaSpecialsampleTextarea')} allowedChar={{ alphabet: true, numeric: true, space: true, allowedSymbols: ['&.,'] }} /> </> ) |
...
Parent Parameter | Sub Parameter | Data Type | Constraint | |||
---|---|---|---|---|---|---|
config | JSON Object | Required | ||||
id | String | Required | ||||
type | String | Required | ||||
label | String | Optional | ||||
value | String | Required | ||||
placeholder | String | Optional | ||||
maxLength | Integer | Optional | ||||
readOnly | Boolean | Optional | ||||
required | Boolean | Optional | info | |||
JSON Object / String | Optional | disabled | Boolean | Optional | ||
rows | Boolean | Required | ||||
cols | Boolean | Required | ||||
allowedChar | JSON Object | Optional | ||||
alphabet | Boolean | Optional | ||||
numeric | Boolean | Optional | ||||
space | Boolean | Optional | ||||
allowedSymbols | Array (String) | Optional | ||||
customClass | String | Optional | ||||
onChanged | Event Method | Required | onBlured | Event Method | Optional |
🔹 References
Repository Link: https://gitlabbitbucket.comorg/empowerteams/empower-inputs.git
NPM Package: npm: empower-inputs
...