...
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 | |
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://gitlab.com/empowerteams/empower-inputs.git
...